Cores
As cores escolhidas transmitem a personalidade da marca e criam harmonia visual, reforçando a identidade e facilitando a comunicação com o público.
Primária / Verde
A paleta de cores primárias é usada em todos os elementos interativos, como CTAs, links, entradas, estados ativos, etc.
#F8FDE8
rgba(248, 253, 232, 1)
Lighter
#EEFACD
rgba(238, 250, 205, 1)
light
#83B81A
rgba(131, 184, 26, 1)
main
#6C9E12
rgba(108, 158, 18, 1)
dark
#537813
rgba(83, 120, 19, 1)
Darker
Secundária / Azul
As cores secundárias complementam as cores primárias em CTAs, links e estados ativos para uma experiência visual coesa.
#E5EBF1
rgba(229, 235, 241, 1)
Lighter
#CCD7E3
rgba(204, 215, 227, 1)
light
#003975
rgba(0, 57, 117, 1)
main
#003369
rgba(0, 51, 105, 1)
dark
#002751
rgba(0, 39, 81, 1)
Darker
Neutro / Cinza
Essas cores são usadas como cores secundárias de suporte em plano de fundo, cores de texto, separadores, modelos, etc.
#F5F5F5
#E4E4E7
#D4D4D8
#A1A1AA
#71717A
#444444
#111111