A cor é uma das mais importantes decisões no design de um site. Dado que uma pessoa julga rapidamente um site, a sua paleta de cores deve ser um dos fatores que fará com que seu público queira permanecer nele. Claro, existem muitos outros fatores de sucesso envolvidos no design de um site, mas a cor é certamente um dos mais poderosos.

Use essas paletas para te ajudar a decidir qual tipo de vibe, humor ou estética geral você gostaria de comunicar com seus designs. Esses sites foram escolhidos baseados na seleção do Awwward`s website of the day. Vamos analisar portfólios, lançamentos de produtos e páginas simplesmente lindas da web para você se inspirar.

*Por favor, note que os códigos de cores correspondem às cores usadas nos sites. As cores apresentadas nas paletas podem estar ligeiramente desativadas devido às imagens salvas na internet.

1. World Champion Amsterdam

website-color-palettes-2018-1

#18181a, #e5b622, #bf3e43, #bec2c1

2. Hypergiant

website-color-palettes-2018-2

#0c1f38, #e65401, #fef200, #a7e0d7

3. Ono Meals

website-color-palettes-2018-3

#ff623f, #14521d, #d2c520, #dcd4d2

4. Not-Another-Bill

website-color-palettes-2018-4

#0a1a34, #015f9d, #dec5c8, #e9e9e9

5. Art4GlobalGoals

website-color-palettes-2018-5

#252529, #ac4186, #f6a9b8, #01b1af

6. School of Sustainability

website-color-palettes-2018-6

#193e51, #146666, #6b6b87, #c3bd2e

 7. Momkai

website-color-palettes-2018-7

#270425, #e36662, #f57923, #d5d5d5

8. Mutt

website-color-palettes-2018-8

#871628, #cd0021, #003a74, #f8cba9

9. Eastern European Movies

website-color-palettes-2018-9

#f35166, #ff634d, #2c1d44, #f0ff42

10. EVS Wishes 2018

website-color-palettes-2018-10

#060024, #370043, #e671ad, #4ac2ed

11. 10×17

website-color-palettes-2018-11

#2d2d13, #fa4a32, #ffc70e, #4b4be1

12. Monopo

website-color-palettes-2018-12

#151219, #60323d, #323858, #346369

13. Duroc

website-color-palettes-2018-13

#334188, #7799d9, #fc7478, #e7d952

14. Fotonaut Events

website-color-palettes-2018-14

#5252d4, #8b8be2, #eb1636, #242130

15. MING Labs

website-color-palettes-2018-15

#fe2739, #f6505e, #e98c94, #e7e3e0

16. Bolden

website-color-palettes-2018-16

#1a1907, #f41d08, #1cd3e3, #ffffff

 17. Holm Marcher & Co

website-color-palettes-2018-17

#41485a, #3d5267, #97a9bd, #c86466

18. Printemps du Polar

website-color-palettes-2018-18

#010b14, #082640, #825b56, #84b99b

19. Garden Estúdio

website-color-palettes-2018-19

#382d3b, #d84361, #c6ce9d, #eedeab

20. Ondo

website-color-palettes-2018-20

#063640, #5e9e47, #112a52, #f29c9f

Não sabe como aplicá-las? Talvez nossa capa sobre dicas de design gráfico para não designers te ajude a começar. Volte para o básico da teoria das cores para aplicar seu conhecimento.

Os esquemas de cores podem ajudar na legibilidade, beleza e coesão da sua página. O que as cores traduzem? Que tipo de combinação vai enviar a mensagem certa sem palavras? Por fim, o que você espera alcançar com suas cores escolhidas? Todas essas questões são muito importantes na fase inicial de tomada de decisão e de brainstorming. Esperamos que nosso artigo tenha ajudado você a ver como até mesmo os menores detalhes resultam em mensagens intencionais no design de site.

Assine nosso blog

Mantenha-se atualizado com as tendências, obtenha dicas e insights valiosos, além de materiais bônus.