🎨 Paleta de Cores

Roda de cores interativa, harmonias HSL, exportação de código e biblioteca pessoal.

Luminosidade67%
Base
Primária
Secundária
Base: HSL(239°, 84%, 67%)  ·  RGB(99, 102, 241)
Harmonias de cor
Opostos na roda — máximo contraste
#6366F1
#F2EF64
#6366F1
AA Large
#F2EF64
AAA
Design System PreviewComo usar as cores do seu sistema
Base
#6366F1
Fundo principal, neutral base
WCAG AA Large
Primary
#3B82F6
Ação principal, CTA, links ativos
WCAG AA
Secondary
#10B981
Destaque secundário, badges
WCAG AAA
Dark
#060746
Backgrounds, texto sobre claro
WCAG AAA
Light
#E8E8FD
Superfícies, cards, fundo suave
WCAG AAA
Muted
#3B3DC4
Texto secundário, placeholders
WCAG AAA
UI Preview
Badge
Card de exemplo
Texto de conteúdo usando as cores do design system gerado.
Link de ação