#06B6D4
Un sistema de colores profesionalmente curado, diseñado específicamente para interfaces de paleta de colores tailwind css. Cada token — desde fondos hasta estados de botón — ha sido elegido para crear la mejor experiencia de usuario posible.
Tailwind CSS usa un enfoque utility-first donde los colores se definen como custom properties CSS. Nuestro generador crea tokens que mapean perfectamente a la convención de Tailwind.
Mira cómo se ve tu color en acción
#daeff2
Secondary text (text-muted) — descriptions, placeholders, captions
#a1b0b3
Buttons
Así se verá el contenido dentro de un card
Background
--color-background
#101212
Surface
--color-surface
#1c1e1f
Primary
--color-primary
#06b5d4
Accent
--color-accent
#d406b5
Primary Hover
--color-primary-hover
••••••
Primary Disabled
--color-primary-disabled
••••••
Text Primary
--color-text-primary
••••••
Text Muted
--color-text-muted
••••••
Text on Primary
--color-text-on-primary
••••••
Text on Accent
--color-text-on-accent
••••••
Border
--color-border
••••••
Focus Ring
--color-focus-ring
••••••
Genera tu sistema personalizado
Desbloquea los 16 tokens + exportar dark/light
Genera tu sistema personalizado →Pago único · $5