Paleta de cores

As cores são parte da identidade visual do site ou da marca, conferindo unidade e reconhecimento.

 


Paleta primária

As cores mais usadas representam 80% da página. Coleção de cores que derivam do corpo da marca e suas variações (mais claras ou escuras), além das cores usadas para fundo e fontes (outros tons de azul, cinzas, brancos e pretos).

50 100 200 300 400 500
#e1f6fe
(225,246,254)
#8ad1ff
(138,209,255)
#00aaff
(0,170,255)
#0494e0
(4,148,224)
#3b5998
(59,89,152)
#253d77
(37,61,119)

#e5f1f6
(229,241,246)
#c6d4e1
(198,212,225)
#a2bacf
(162,186,207)
#6988a4
(105,136,164)
#446d8c
(68,109,140)
#34536b
(52,83,107)

Paleta secundária

As cores desta paleta dão mais leveza e variedade ao site. A paleta secundária representa outras cores que podem ser usadas, porém com menos frequência. Até cerca de 20% do conteúdo da página pode usar as cores da na paleta secundária.Pode ser usada, por exemplo, em tópicos que tenham uma representação cromática (sites sobre sustentabilidade podem ser verdes, por exemplo), em serviços que possuam uma marca com cor diferente, ou em outros casos que possam surgir.

50 100 200 300 400 500
#ffe0ea
(255,224,234)
#ffa8c4
(255,168,196)
#fc7e91
(252,126,145)
#f55656
(245,86,86)
#cf4840
(207,72,64)
#ad443d
(173,68,61)

#cee8df
(206,232,223)
#94e0c4
(148,224,196)
#39c08f
(57,192,43)
#00a894
(0,168,148)
#007786
(0,119,134)
#245f72
(36,95,114)

#d9d9fc
(217,215,252)
#bab8fc
(186,184,252)
#8282d4
(130,130,212)
#6365b4
(99,101,180)
#484d8f
(72,77,143)
#424b80
(66,75,128)

#fbf4bd
(251,244,189)
#f7e388
(247,227,136)
#f7d45e
(247,212,94)
#faa631
(250,166,49)
#d69028
(214,144,40)
#c97411
(201,116,17)

#f1f1f1
(241,241,241)
#d2d2d2
(210,210,210)
#b4b4b4
(180,180,180)
#999999
(153,153,153)
#666666
(102,102,102)
#333333
(51,51,51)