Paleta Oficial
Lime #C3F400 como cor primária. Sem cor accent secundária — apenas cinzas de alto contraste para ênfase de texto. Backgrounds profundos OLED.
Clique para copiar
Lime Primary
BG Body
BG Section
Text Primary
Text Muted
Nove degraus nomeados. Qualquer rgba() fora desta escada é dívida visual.
| Preview | Token | Valor | Uso |
|---|---|---|---|
| wash | |||
| hover sutil | |||
| badge / chip | |||
| borda de card | |||
| glow de card | |||
| borda ativa | |||
| glow forte | |||
| overlay | |||
| quase sólido |
Success / Online
#22c55e — Apenas para status. Nunca como cor de marca.
Warning / Pendente
#f59e0b — Alertas, estados pendentes.
Error / Offline
#ef4444 — Erros, estados críticos.
Neutral / Inativo
#94a3b8 — Textos secundários, estados inativos.
A marca é dark-first, mas o tema claro existe. O lime puro #C3F400 sobre branco dá 1,29:1 — lava. No claro o lime se divide em três papeis, cada um com o contraste que aquele papel exige.
Preenchimento
Fundo de botão, badge, barra. 2,20:1 sobre branco; texto #141414 em cima dá 8,36:1 (AAA).
Bordas e ícones
Contorno, ícone, anel de foco. 3,0:1 — mínimo WCAG para componente de interface.
Texto
Lime como LETRA sobre branco. 4,58:1 — passa AA para corpo de texto.
Começar AgoraBotão primário no tema claro
Nunca no tema claro
#C3F400 como letra sobre branco — 1,29:1, ilegível
#C3F400 como preenchimento sobre branco — some no fundo
#135BEC
#8b5cf6
#a855f7
#40c9ff
#e81cff
#256af4
#3b82f6
Cada razão é calculada no build a partir do hex. Se um par documentado cair abaixo de AA, o build quebra.
| Par | Tema | Papel | Mínimo | ||
|---|---|---|---|---|---|
| Aa | Escuro | texto | 18.92:1 | 4.5:1 | Texto principal sobre o fundo do site |
| Aa | Escuro | texto | 7.72:1 | 4.5:1 | Subtítulos e descrições |
| Aa | Escuro | texto | 15.33:1 | 4.5:1 | Lime como texto de destaque no tema escuro |
| Aa | Escuro | texto | 14.26:1 | 4.5:1 | Texto dentro do botão lime |
| Aa | Claro | texto | 8.35:1 | 4.5:1 | Texto sobre o preenchimento lime do tema claro |
| Aa | Claro | texto | 4.58:1 | 4.5:1 | Lime como LETRA sobre branco |
| Aa | Claro | ui | 3.06:1 | 3:1 | Borda, ícone e anel de foco sobre branco |