Paleta de cores

As cores são parte da identidade visual do site ou da marca, conferindo unidade e reconhecimento. Assim, a paleta de cores predominantes no portal do Senado Federal segue, obrigatoriamente, o previsto no Manual de Identidade Visual.


Paleta primária

As cores mais usadas representam 80% da página. É uma coleção de cores que deriva do corpo da marca. De acordo com o Manual de Identidade Visual, é o chamado o "azul Senado" 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), e a cor de destaque, que serve para chamar atenção para os itens importantes da página. A cor de destaque deve ser uma cor que contraste com as cores principais (como o amarelo em relação ao azul, por exemplo).

50 100 200 300 400 500
#e1f6fe
(225,246,254)
#87d0f5
(135,208,245)
#39abe6
(57,171,230)
#048dd4
(4,141,212)
#005c9e
(0,92,158)
#00305c
(0,48,92)

#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)

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. A 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)

#e5f1f6
(229,241,246)
#c0dceb
(192,220,235)
#7eb1d0
(126,177,208)
#4e85b3
(78,133,179)
#3b6490
(59,100,144)
#2d4870
(45,72,112)