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

Atualizado: Fev 23



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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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.





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

pt03.png