Documentação

Cores da Marca

Paleta oficial e identidade visual da RodoConta.

Colors: Primary

Cores tecnológicas que definem a base e as ações principais da interface.

blue-dark
Blue Dark
HEX
#021C36
RGB
2, 28, 54
CMYK
100, 85, 45, 55

Cor principal profunda para fundos e botões. Base institucional.

cyan
Cyan
HEX
#06CEF3
RGB
6, 206, 243
CMYK
55, 0, 5, 0

Cor de destaque (Primary Action). Uso em CTAs, links e ícones ativos.

blue-mid
Blue Mid
HEX
#0F3A5C
RGB
15, 58, 92
CMYK
95, 75, 35, 25

Tom intermediário utilizado em gradientes para criar profundidade.

blue-light
Blue Light
HEX
#0072CB
RGB
0, 114, 203
CMYK
85, 50, 0, 0

Cor de transição para o fim do gradiente do dashboard.

Gama Tonal Secundária & Apoio

Tons neutros e de apoio para superfícies, contrastes e acentos opcionais.

Secondary Neutra
#F8FAFC

Tom neutro claro para superfícies, fundos sutis e áreas de respiro.

Secondary Profunda
#0F3A5C

Tom profundo de apoio para contrastes e elementos institucionais.

Accent Opcional
#22C55E

Acento opcional para estados positivos e destaques pontuais.

Paleta Terciária

Cores de suporte para contextos específicos de comunicação e campanhas.

Pink Energético
#E60F57

Cor terciária para campanhas e destaques vibrantes.

Roxo Tecnológico
#8800F7

Cor terciária que remete a inovação e futurismo.

Verde Vibrante
#56D500

Cor terciária para contextos de destaque e energia positiva.

Atlas DS · Sistema de Design · 2026