De un color a tokens de producción.
Elige un color. Paletta construye el sistema completo de 50 a 950 en OKLCH, revisa cada par contra WCAG 2.2 y APCA, y lo envía a Figma Variables y a tu código.
Instala el plugin de FigmaGratis para siempre, sin registro para probar.
Un color entra, un sistema completo sale
Paletta construye 11 pasos perceptualmente uniformes en OKLCH y deriva los roles secundario, acento y neutro desde tu base.
Pruébalo con tu colorDel color base al código
Hecho para equipos que llevan design systems.
Diseñadores de producto y equipos frontend usan Paletta para todo lo que hay entre un color de marca y los tokens de producción.
Empieza con un color de marca.
- Pega un hex o elige un preset
- O parte de un estilo de Figma
- Aleatoriza para explorar
Un sistema completo en OKLCH.
- 11 pasos de 50 a 950
- Secundario, acento y neutro
- Superficies claras y oscuras
Contraste que puedes defender.
- WCAG 2.2 en cada par
- APCA Lc al lado
- Vista con lente de accesibilidad
Figma y código, una sola fuente.
- Envía a Figma Variables
- Tailwind, shadcn y CSS
- Design tokens DTCG
Un sistema, en cada lugar donde vive.
El plugin escribe colecciones y modos en tu archivo, así diseño usa los mismos tokens que exporta ingeniería.
Pega el resultado en tailwind.config o globals.css. Los nombres siguen las convenciones que ya usa tu stack.
JSON de tokens W3C estándar para Style Dictionary y cualquier pipeline que lo lea.
Precios
Precios simples, herramientas de producción
Empieza gratis con exportación CSS y Tailwind. Hazte Pro para el sistema completo.
Gratis
Para empezar
$0para siempre
Sin tarjeta para empezar
Empieza a generar- 3 a 5 colores por paleta
- 3 generaciones con IA por día
- Exportación de variables CSS y Tailwind v4, en la web y en el plugin de Figma
- 3 guardados en la Biblioteca
- Validación de contraste WCAG
Pro
POPULARPara equipos de diseño e ingeniería en producción
$6.58/mes
Facturado $79 al añoAhorra 27%
Hazte Pro- Todo lo de Gratis
- Salida completa del sistema: colores de estado y neutros con tinte de matiz
- Exportación a shadcn/ui, DTCG, JSON de Figma Variables, Swift y Kotlin
- 6 a 8 colores por paleta
- Generaciones con IA ilimitadas
- Escalas de tonos y modos claro y oscuro en Figma Variables
- Extracción desde imagen
- Lente de accesibilidad (los cinco modos)
- Guardados ilimitados, sin marca de agua
Gratis para siempre, sin tarjeta para empezar. Generas paletas OKLCH, exportas variables CSS y Tailwind, validas el contraste contra WCAG 2.2 y previsualizas la lente de accesibilidad. Hazte Pro cuando necesites la salida completa del sistema.
Las Variables de Figma guardan tus colores, pero no arman una escala 50 a 950 perceptualmente uniforme en OKLCH, no validan cada par contra WCAG 2.2 ni generan tus tokens de código. Paletta hace las tres cosas y luego envía el resultado a Figma como Variables reales con un clic.
Gratis exporta variables CSS y Tailwind. Pro agrega shadcn/ui, JSON de W3C DTCG, JSON de Figma Variables, constantes de Swift y Kotlin, y un prompt que aplica el sistema en v0, Lovable o Bolt, para que un sistema llegue a cada superficie donde publicas.
Cada par de colores se valida contra WCAG 2.2 mientras construyes, y la lente de accesibilidad previsualiza tu paleta a través de distintos tipos de visión del color. APCA se incluye como lente perceptual, no como una declaración de conformidad aparte.
Solo para guardar en tu Biblioteca. Generar, validar y exportar funcionan sin ninguna.
La salida completa del sistema con colores de estado y neutros con tinte de matiz, más exportaciones de shadcn, DTCG, JSON de Figma Variables, y Swift y Kotlin. Generaciones y guardados ilimitados, extracción desde imagen, y la lente de accesibilidad completa de cinco modos.
Tu próximo sistema de color empieza con un hex.
Gratis para siempre, sin tarjeta de crédito.