Preto
- HEX
#000000- RGB
0, 0, 0- CSS
--color-black
Contraste máximo, tipografia principal e elementos de destaque.
Fundação
A paleta traduz proximidade, consciência e significado — do espresso profundo ao laranja vibrante.
Cores primárias
Espresso
- HEX
#210d0a- RGB
33, 13, 10- CSS
--color-espresso
Cor institucional principal. Textos, fundos escuros e identidade.
Terracota
- HEX
#8a3b17- RGB
138, 59, 23- CSS
--color-terracotta
Primary UI (shadcn --primary). Botões primários e CTAs.
Laranja
- HEX
#ef7b40- RGB
239, 123, 64- CSS
--color-orange
Accent UI (shadcn --accent). Detalhes gráficos, regras pontilhadas e energia visual — não usar em botão primário.
Taupe
- HEX
#b2a897- RGB
178, 168, 151- CSS
--color-taupe
Tom intermediário. Suporte visual, bordas suaves e hierarquia.
Creme
- HEX
#ece5db- RGB
236, 229, 219- CSS
--color-cream
Fundo principal. Base clara que transmite acolhimento.
Neutros
Tinta
- HEX
#210d0a- RGB
33, 13, 10- CSS
--color-ink
Texto principal sobre fundos claros.
Suave
- HEX
#6b635a- RGB
107, 99, 90- CSS
--color-muted
Texto secundário, legendas e metadados.
Borda
- HEX
#d4cbc0- RGB
212, 203, 192- CSS
--color-border
Divisores, contornos e separadores visuais.
Branco
- HEX
#fffcf8- RGB
255, 252, 248- CSS
--color-white
Superfícies claras e contraste sobre fundos escuros.
Sobre escuro
- HEX
#ece5db- RGB
236, 229, 219- CSS
--color-on-dark
Texto e ícones sobre fundos espresso ou preto.