50 Paletas de Cores de Sites para sua Inspiração

Atualizado: Mar 15


50 Paletas de Cores de Sites para sua Inspiração

Há muitas formas para fazer seu site se destacar na internet. Entre elas, a paleta de cores do site, que por acaso também é uma das primeiras coisas que as pessoas reparam quando o visitam. Você pode ter o produto mais incrível e seu texto pode ter o equilíbrio perfeito entre o engraçado e o profissional, mas se a paleta de cores não é atraente, há grandes chances do visitante simplesmente sair do site. É por isso que cor é um aspecto crucial que você precisa acertar quando começa a criar um site.


Quando planejar as tonalidades, leve em consideração o papel de cada uma no seu site. É geralmente aconselhável dividir a escolha das suas cores em primárias (ou “dominantes”), secundárias e uma cor acentuada. A sua cor primária é aquela que é usada na maior parte do espaço do seu site e provavelmente é a cor que os visitantes vão associar com a sua marca. As suas cores secundárias ocupam um pouco menos do espaço e a cor acentuada deve ser usada com moderação. O objetivo das suas cores acentuadas é atrair os olhares dos consumidores para detalhes importantes que você quer destacar como as CTAs ou o nome da sua marca.


Assim como você investiria um bom tempo na escolha da paleta de cores perfeita para a identidade visual do seu negócio, faça o mesmo para o seu site. As cores podem evocar certos estados de espírito, ou causar associações baseadas no ambiente ou em experiências anteriores. Por exemplo, a psicologia das cores nos mostra que a cor azul é frequentemente associada a sensações de confiança e lealdade, enquanto o roxo pode representar o luxo ou a imaginação. Ao escolher as cores do seu site considere o tom que você quer transmitir e quais cores refletem melhor a sua marca.


Existem geradores automáticos de paletas na internet, nós também recomendamos navegar por outros sites para se inspirar. Todos os esquemas de cores dos 50 sites Wix a seguir causam um poderoso impacto visual:



01. Arrojado e ousado


O Robin Collective, uma mistura muito criativa de artistas e designers, é uma explosão de cores quando você entra no seu site. O background amarelo brilhante evoca alegria, o brilho do sol e positividade, enquanto os tons de azul, rosa e laranja acrescentam uma atmosfera divertida. No entanto, se você optar por essas cores altamente saturadas, certifique-se de adicionar alguns tons neutros, como branco e cinza, para equilibrar o efeito geral.



Exemplo de Paleta de Cores: The Robin Collective


02. Chique e elegante


A Undercover, uma marca de roupas de cama, criou uma forte identidade da marca usando um esquema de cores consistente ao longo do seu site. Um bonito azul marinho combinado com leves tons de creme e cinza transmitem uma sensação de luxo, e compõem a base da sua paleta de cores. As imagens de plantas adicionam calor e vida à estética do site.



Exemplo de Paleta de Cores: Undercover


03. Paleta de cores outonal


O pessoal da Sticky Lemon, marca de acessórios infantis, sabe tudo de cor. Cada foto apresentada seu site foi habilmente trabalhada em termos de composição e cor. As suas escolhas de cores têm um toque retrô, com tons laranjas e marrons que lembram as cores das louças dos nossos avós. O menu do site é composto por duas cores complementares - azul e laranja - o que ajuda o usuário a diferenciar entre os diferentes itens do menu.



Exemplo de Paleta de Cores: Sticky Lemon


04. Limpo e minimalista


A paleta de cores monocromática dá ao site da artista Sasha Pivovarova um aspecto limpo e claro. Juntando o preto com tons muito suaves de cinza em oposição ao branco puro, é um esquema que suaviza ligeiramente o contraste mantendo ainda assim um aspecto elegante. Esses tons podem ser combinados com praticamente qualquer cor para dar um pouco de vida ao design do seu site.



Exemplo de Paleta de Cores: Sasha Pivovarova


05. Doce delícia


Rosa bebê e outros tons pastel compõem o site da Vanessa McKeown. Usando grandes blocos sólidos de cor, ela mantém a consistência e a ordem dentro de um esquema de cores mais amplo. A textura de pontinhos do background representa um belo contraste com as superfícies sólidas e ao mesmo tempo se alinha com o seu estilo.



Exemplo de Paleta de Cores: Vanessa McKeown


06. Céus sonhadores


O designer gráfico Run Wild prestou uma atenção meticulosa à cor no seu site, que conta com um lindo background de vídeo composto de tons esfumaçados e sonhadores. O botão de CTA de cor turquesa vivo fica fortemente destacado em relação ao vídeo, e atrai o clique dos visitantes. À medida que você rolar pelo site, vai reparar no gradiente de tons pastel pálidos ao fundo, que criam um visual fascinante mas ao mesmo tempo discreto e sem distrair o visitante.



Exemplo de Paleta de Cores: Run Wild


07. Delicado e preciso


A Ivy Chen, designer e ilustradora, criou uma combinação inusitada de vermelho com um rosa bem claro. Ela usou a dosagem perfeita de cada tom, com a cor mais clara ocupando o papel de principal e o vermelho como a cor acentuada, usada para as linhas tênues e para a tipografia menor. Se fosse usado ao contrário, o site correria o risco do vermelho brilhante ser muito dominante, fazendo o rosa ficar praticamente imperceptível.



Exemplo de Paleta de Cores: Ivy Chen


08. Natural e delicado


Ilustradora Christine My Linh, criadora de Blush & May, usa tons suaves e muito espaço branco na página inicial do seu site. Ela minimizou o uso de cor partindo para tons claros de rosa e bege, junto com alguns tons naturais de marrom e verde. Esta escolha de cores transmite a sensação de calma e inspiração, que combinam perfeitamente com seu trabalho de ilustração.



Exemplo de Paleta de Cores: Blush & May


09. Verde fosforescente


A escolha de cor bastante original realmente faz o site Two One Studio se destacar no meio de tantos outros. A expressiva borda na cor verde neon, que enquadra todo o site, transmite ousadia. Eles ainda usaram o mesmo tom de verde em locais estratégicos, como nos botões de chamada de ação. Isso atrai a atenção do visitante para os botões, mas ao mesmo tempo mantém a coerência com o restante do design.



Exemplo de Paleta de Cores: Two One Studio


10. Urbano e industrial


No portfólio de fotografia e arquitetura Béton Brut, de Kymberly Jane Harris, a página inicial é uma foto de tela inteira de um prédio em concreto. Os tons de marrom industrial meio sem graça variam do escuro até o claro, formando composições interessantes apesar da natureza monocromática da imagem. A tipografia do menu, em branco, é visível sem no entanto tirar muito o foco da atenção da fotografia.



Exemplo de Paleta de Cores: Béton Brut


11. Paleta de cores retrô


O portfólio de design do Dennis Krawec é um verdadeiro deleite para os olhos. Além de ser um excelente exemplo de como cores aparentemente “conflitantes” podem perfeitamente formar uma forte identidade visual. Ele optou por um rosa retrô junto com tons neon aqua, amarelo, verde, laranja e mais tons de rosa. Junto com um design original, esta ousada combinação dá certo graças à atenção dada ao espaçamento e à consistência - todos os botões e itens do menu têm a mesma cor, o que gera clareza no site.



Exemplo de Paleta de Cores: Dennis Krawec


12. Gradientes futuristas


Os gradientes são com certeza uma tendência do design de site e o Avnish Parker dominou essa arte em seu site. Os tons escuros que se fundem em tons de azul mais claros criam um visual técnico e elegante. Para sites com backgrounds escuros, pode-se usar cores brilhantes contrastantes para adicionar um equilíbrio e fazer certos aspectos se destacarem.



Exemplo de Paleta de Cores: Avnish Parker


13. Brilhante e forte


A Izzy Wheels, marca de design para coberturas de rodas, optou por cores arrojadas e “felizes” no seu site. Na hora de escolher a paleta de cores, eles optaram por uma ampla combinação, composta de azul, vermelho, verde, amarelo, rosa, roxo e mais. O que faz tudo isso funcionar junto é o nível de brilho consistente para todas as cores. E os pequenos detalhes em branco ajudam a evitar o caos.



Exemplo de Paleta de Cores: Izzy Wheels


14. Terroso e minimalista


O estúdio de cerâmica Noni São Paulo usa uma paleta de cores que reflete perfeitamente a sua marca e seus produtos. Os tons quentes de marrom e as outras cores terrosas fazem você querer um chá quente, servido em uma caneca criada com um lindo design. O background em branco equilibra os tons naturais para garantir que o site tenha uma aparência profissional e de alta qualidade.



Exemplo de Paleta de Cores: Noni São Paulo


15. Paleta de cores sofisticada, com estilo moderno e arrojado


O diretor de arte e designer de animação Kidmograph escolheu três cores para o espaço acima da dobra da sua página inicial. A escolha do ciano dá ao site um aspecto futurista, moderno e arrojado, especialmente quando combinado com elementos visuais no mesmo estilo. O texto em branco destaca-se contra o background. Em geral, optar por preto, branco e mais uma outra cor é uma boa opção se você quer manter tudo bem nítido e profissional.



Exemplo de Paleta de Cores: Kidmograph


16. Raios dourados


Os tons de dourado do portfólio da designer Kathrine Espersen, especializada em interiores e ambientes de loja, evocam uma sensação de elegância e classe. Ela usou a quantidade certa de cor para, combinada com preto e branco, criar um aspecto sofisticado. Ao resolver partir para essa temática de cor, você pode usar diferentes tonalidades de dourado para deixar tudo mais delicado e sutil.



Exemplo de Paleta de Cores: Kathrine Espersen


17. Magenta com escala de cinza


A agência de criação Mutiny usou um esquema de cores distinto ao longo de todo o seu site. Eles criaram um contraste intrigante entre a imagem de uma batalha histórica em preto e branco e um tom de magenta mais contemporâneo e cheio de vida. Detalhes em magenta destacam-se em locais estratégicos, como no sublinhado e enfatizando uma palavra específica.



Exemplo de Paleta de Cores: Mutiny


18. Azul cobalto


Mais um site que optou por usar uma cor muito dominante e menos comum. O Studio&more escolheu um azul cobalto impactante para a sua página inicial, combinado com cabeçalho, menu e ícones das redes sociais na cor branca. O branco se destaca no azul para garantir a legibilidade. Se você optar por usar apenas duas cores, pode adicionar uma terceira, que só vai aparecer no efeito mouseover, quando passar o mouse sobre os botões, exatamente como o Studio&more fez no site.



Exemplo de Paleta de Cores: Studio&more


19. Arco-íris em tons pastel


Esses tons de cor de balas e confeitos são exatamente o que você espera encontrar no site da agência Unicorn Adoption. Para criar uma sensação de ordem e hierarquia dentro desse mundo colorido, os designers ficaram com três cores (branco, azul claro e rosa chiclete) para os principais elementos do site - logo, menu, ícones e botões. A generosa quantidade de espaço branco também garante que o design não fique sobrecarregado.



Exemplo de Paleta de Cores: Unicorn Adoption


20. Tranquilo e natural


Styling by Why Dee, um blog sobre estilo de vida, tem fotos dignas de Pinterest e um esquema de cores certo para combinar. Os tons naturais combinados com texturas, tanto de madeira como de mármore, contribuem para uma paleta de cores tranquila. O uso mínimo de preto mantém uma atmosfera leve e etérea, e uns toques de cores brilhantes aqui e ali dão um toque bem delicado.



Exemplo de Paleta de Cores: Styling by Why Dee


21. Quente com tons frios


A designer de produtos Adelaide Wang adicionou alguns toques mínimos de cor para surtir o máximo efeito. Na parte acima da dobra do seu portfólio, predomina o preto-e-branco, com um pouco de cor adicionada para destacar palavras estratégicas. Ela misturou um tom frio de azul com o calor do laranja - duas cores complementares que funcionam muito bem juntas.



Exemplo de Paleta de Cores: Adelaide Wang


22. Tons suaves de outono


A designer gráfica, ilustradora e letrista June Digan, resolveu mostrar seus trabalhos pintados à mão em um background limpo e branco. Sua página inicial inclui diversos tons de verde e laranja, com variadas texturas, combinados com suaves tons de cinza. Esta emocionante paleta de cores cria um acolhedora atmosfera de outono.



Exemplo de Paleta de Cores: June Digan


23. Profundo e místico


A artista musical e visual IAMEVE criou um incrível visual para seu site. A cor roxa geralmente expressa luxo e mistério. Junto com um impressionante gradiente de tela inteira, os tons de roxo criaram um efeito místico, especialmente quando mesclados com as imagens brilhantes e animações mais discretas do background.



Exemplo de Paleta de Cores: IAMEVE


24. Paleta de cores calma e refrescante


O designer de animação Dan Palmer optou por uma paleta de cores claras, em tons clássicos de azul e branco. A psicologia das cores nos mostra que o azul geralmente é percebido como uma cor confiável e fidedigna. Nesse site, é usada em blocos sólidos junto com branco e o aspecto geral é altamente profissional. Você pode usar esta paleta de cores junto com mais alguns tons (como o verde usado pelo Dan) para dar ao seu site um toque extra de dinamismo.



Exemplo de Paleta de Cores: Dan Palmer


25. Sofisticado e vibrante


A Brown Owl Creative, uma empresa de design multidisciplinar, implementou no seu site cores arrojadas e fortes, que transmitem uma vibe divertida e ao mesmo tempo mantém um aspecto profissional. Vastos espaços vazios e nítidas formas ajudam a suavizar o site, apesar do esquema de cores vibrante. Eles também mantiveram o azul acentuado ao longo de todo o site.



Exemplo de Paleta de Cores: Brown Owl Creative


26. Combinação clássica de dois tons


Os trabalhos da ceramista Valeria Monis são todos de duas cores - azul royal e branco. Ela criou todo o seu site de acordo com essas cores, e optou por um background em branco puro com o texto em azul escuro. Se você resolver usar uma paleta de cores minimalista como essa, sempre pode sutilmente adicionar um terceiro tom para suavizar a estética. Neste caso, a Valeria optou por um background azul claro bastante sutil, praticamente invisível, mas que ajuda a fazer a diferença.



Exemplo de Paleta de Cores: Valeria Monis


27. Festa de confeitos


O portfólio da ilustradora Jennifer Xiao dá até um pouco de fome, com sua paleta de cores distinta e elementos visuais super fofos. Ela usa uma vasta gama de cores que lembram confeitos, e ousa misturar o rosa bebê com amarelo, vermelho, roxo, turquesa e muitos outros tons. Juntos formam um aspecto divertido que é equilibrado com linhas pretas finas e uma porção generosa de branco para o background.



Exemplo de Paleta de Cores: Jennifer Xiao


28. Leve e profissional


A artista Brooke Cormier optou por uma combinação clássica de cores, incluindo um tom de azul meio "nublado" para o background. Tudo está perfeitamente equilibrado com o uso do branco para quebrar esse azul sem brilho, e um marrom bem suave e natural para fugir da mesmice.



Exemplo de Paleta de Cores: Brooke Cormier


29. Arrojado e divertido


Olhando o site da Frankie Ratford, fica muito claro que ela é cheia de energia e de vida - e a escolha de cores tem uma grande parte nisso tudo. O background em amarelo brilhante evoca alegria, especialmente quando está junto com outras cores brilhantes com as quais você cruza à medida que for rolando pelo site. Repare também que o uso de preto é restrito ao mínimo. Em vez de preto, ela opta por usar texto em verde escuro para criar um contraste onde é necessário.



Exemplo de Paleta de Cores: Frankie Ratford


30. Background em preto sólido


Optar por usar backgrounds pretos é uma tendência que está aumentando cada vez mais no web design, e a designer Ester Mejibovski acertou em cheio no seu portfólio de design. O fundo escuro destaca seu trabalho, o que leva os visitantes a focarem no conteúdo principal. Graças a esse forte contraste, o texto em branco pode ser pequeno e discreto, mas continua absolutamente legível.



Exemplo de Paleta de Cores: Ester Mejibovski


31. Paleta de cores vintage suave


A ilustradora Naomi Wilkinson certamente tem um jeito com as cores. Ao invés de um background branco liso, ela usou um tom agradável de creme que complementa o seu trabalho. Podemos dizer que a sua paleta de cores é retrô com tons ligeiramente esmaecidos e suaves de vermelho, amarelo, azul e verde. Apesar de ter reunido uma vasta gama de cores, todas elas juntas funcionam bem para criar toda a estética do site.



Exemplo de Paleta de Cores: Naomi Wilkinson


32. Simples e monocromático


Em vez de escolher a cor do texto preto em fundo branco, pense na possibilidade de trocar tudo, como o designer gráfico Stephen Bradbury fez aqui. Ele optou por uma elegante paleta de cores que usa preto, branco e uma ocasional cor adicional. Com animações discretas e um slideshow de reprodução automática, o seu site não tem um único momento entediante.



Exemplo de Paleta de Cores: Stephen Bradbury


33. Contraste despojado


Se você quer ter um design simples e estético, sempre pode recorrer à opção segura e escolher preto, branco e mais uma cor. Neste exemplo, o engenheiro aeroespacial Chris Covert conseguiu criar um site de currículo original com apenas três cores. Apesar da paleta de cores minimalista, ele conseguiu manter tudo bem interessante usando rolagem parallax e impressionantes elementos visuais.



Exemplo de Paleta de Cores: Chris Covert


34. Surreal e metálico


O estúdio de design digital extraweg, de Oliver Latta, combina diversos tons de rosa com um toque metálico para criar um visual surreal. Se você optar por uma paleta monocromática, que use apenas uma cor ao longo de todo o seu site, não se esqueça de adicionar diversos tons da cor escolhida, para criar contraste e hierarquia. Destaque determinados elementos, como o trampolim no site da extraweg que está num tom bem mais escuro.



Exemplo de Paleta de Cores: extraweg


35. Cores acentuadas brilhantes


A multidisciplinar designer Lena Steinkühler ocupa com seu trabalho todo o espaço da tela acima da dobra superior do seu site. Apesar do visual em cores vivas ir mudando, a sua principal paleta de cores se mantém coesa, composta principalmente de amarelo e coral. Esses tons contrastam com o background e complementam as imagens do slideshow.



Exemplo de Paleta de Cores: Lena Steinkühler


36. Divertido mas sofisticado


A Little Paper Warriors, marca da ilustradora Sophie Reid, tem uma paleta de cores distinta para seu site. Ela escolheu tons terrosos com textura para o background do site, e os combinou com cores brilhantes. O resultado é divertido, mas os tons neutros ainda garantem a sensação maturidade e sofisticação.



Exemplo de Paleta de Cores: Little Paper Warriors


37. Milkshake de mirtilo


A Melissa Lee, também conhecida como Mademoiselle Opossum, incorporou uma deliciosa gama de cores ao seu site Wix. As imagens no slideshow da sua página inicial têm diversos tons, mas ainda assim todos combinam perfeitamente com o cabeçalho e rodapé em roxo claro. Se você também tem um slideshow no seu site, é importante que a paleta de cores de todos os elementos visuais tenha tom e voz semelhantes, criando um resultado consolidado.



Exemplo de Paleta de Cores: Mademoiselle Opossum


38. Paleta de cores de alto contraste


Quando se trata de comida, a cor tem um papel chave. O chef Jean-François Bury fez um ensaio com um forte contraste de preto-e-branco com cores vivas em suas fotografias de comida. As cores brilhantes se destacam contra o fundo preto, fazendo parecer que as cenouras estão ao alcance das mãos.



Exemplo de Paleta de Cores: Jean-François Bury


39. Tons pastel


A marca de massa de biscoito Yumm implementou uma temática quente e suave para as cores do seu site. As diferentes cores têm um nível semelhante de tonalidade, funcionando muito bem juntas. Para criar contraste, eles adicionaram preto e marrom escuro, além de um tom de azul que se destaca contra os tons de laranja mais quentes.



Exemplo de Paleta de Cores: Yumm


40. Escuro e misterioso


Os tons escuros no site do designer gráfico Beeple ajudam a idealizar uma atmosfera de mistério. O grande texto em fontes brancas equilibra e acrescenta o contraste necessário de forma bem legível. Apesar dos elementos visuais mudarem, há uma repetição do uso de cores escuras e enigmáticas, que realçam o aspecto geral do site.



Exemplo de Paleta de Cores: Beeple


41. Tons apetitosos


Os tons pastel de cor de sorvete no site do Kokos Ice Cream exalam diversão e criam uma paleta tentadora. Eles optaram por um background sólido e limpo, que ajuda a imagem do produto a se destacar, graças à sua textura. O texto em cinza escuro no fundo claro proporciona contraste suficiente, ao mesmo tempo em que tem uma aspecto divertido e amigável.



Exemplo de Paleta de Cores: Kokos Ice Cream


42. Poderoso e arrojado


A diretora de design multidisciplinar Liron Ashkenazi consegue juntar seu trabalho arrojado com um esquema de cores igualmente ousado no seu site de portfólio. Apesar de cada um dos seus projetos ser diferente, ela conseguiu arrumá-los de tal forma que as cores ficam equilibradas, obtendo um aspecto coeso. Repare também como ela identifica um forte uso do azul ao longo das suas peças, usando um tom semelhante para o menu do site. Seu favicon em tom magenta dá um toque de cor nas abas abertas do seu navegador.



Exemplo de Paleta de Cores: Liron Ashkenazi


43. Brilhante e alegre


A ousada escolha da cor laranja no site Dogs on the Street imediatamente evoca sentimentos positivos, especialmente por estar junto com o branco. Além desse laranja muito vivo, eles optaram por usar como cor secundária um cinza escuro ao invés do preto, para manter um tom amigável e acessível.



Exemplo de Paleta de Cores: Dogs on the Street


44. Simplicidade do espaço sideral


O estúdio de web design e branding Citisonship Design usou uma paleta de cores precisa acima da dobra do seu site. O texto e os ícones de cor branca destacam-se contra um fundo azul escuro, enquanto as pequenas estrelas dão um toque de suavidade e uma sensação de profundidade. Repare como eles usaram de forma muito inteligente um outro tom de azul como cor acentuada, destacando os detalhes importantes e tornando a navegação do site mais clara.



Exemplo de Paleta de Cores: Citisonship Design


45. Tons de chiclete


O site do Inkbyte Studios como um todo parece uma brincadeira, com animadas e divertidas ilustrações e tons brilhantes CMYK (ciano, magenta, amarelo, preto). Apesar desses tons tão vivos poderem parecer cafonas, a dupla faz a paleta de cores funcionar usando preto e branco como suas cores adicionais, e usando um espaço livre como contraste ao design tão vivaz.



Exemplo de Paleta de Cores: Inkbyte Studios


46. Paleta de cores neutra e elegante


O portfólio minimalista da designer gráfica Anja Ellenberger tem a dose certa de cada cor. O tom geral é claro, usando tons de rosa pálido, cinzas e marrons. O vasto espaço branco também aumenta essa sensação de leveza.



Exemplo do Paleta de Cores: Anja Ellenberger


47. Cores primárias com um toque


Apesar das cores primárias poderem parecer básicas ou infantis, há muitas formas de usá-las para criar um design elegante. Reut Chen, designer têxtil, fez exatamente isso optando por um azul marinho ao invés do clássico azul brilhante. Misturando esse azul com tons fortes de vermelho e amarelo, a estética geral do site ficou chique, conseguindo ainda manter um toque divertido.



Exemplo de Paleta de Cores: Reut Chen


48. Combinações únicas


A escolha de cores pouco usual do portfólio da artista multidisciplinar Ariel Noltimier Strauss destaca seu portfólio, apresentando-a como uma artista única. Os tons de bege da dobra superior do site não são uma escolha muito comum, mas quando misturados com um visual intrigante e um forte sentido de profundidade e textura, fica muito claro que cada detalhe foi pensado e colocado propositalmente em seu devido lugar.



Exemplo de Paleta de Cores: Ariel Noltimier Strauss


49. Cor acentuada contrastante


O estúdio de criação Shapeshift implementou uma abordagem única à escolha de cores, optando por um background escuro e uma cor acentuada brilhante, que se repete através do site. A escolha do amarelo para ícones do menu, botões e outros pequenos detalhes é uma garantia de que vão ficar destacados ao mesmo tempo em que dá vida ao esquema de cores monocromático.



Exemplo do Paleta de Cores: Shapeshift


50. Escala de cinza com uma pitada de cor


A firma de design industrial Studio Sahil optou por um esquema de cores minimalista. As suas fotos de produtos exploram a luz e a sombra, criando uma vasta gama de cinzas, do escuro até o claro. Para dar uma sacudida, o arrojado design do seu logo é num azul brilhante junto com um tom mostarda que dá mais vida à temática do gradiente de cinza.



Exemplo de Paleta de Cores: Studio Sahil


Pronto para expressar sua paleta de cores favorita? Crie um site com Wix hoje mesmo!



Por Equipe Wix