Un color de marca, un sistema completo: escalas OKLCH, tokens semánticos claro y oscuro como Variables, y código.
El Generador de paletas convierte un color de marca en un sistema de color listo para producción: escalas OKLCH perceptualmente parejas, con nombres como Tailwind, Material o Radix, un neutro teñido con tu marca y una capa semántica (fondo, superficie, borde, texto, acento) con modos claro y oscuro que apuntan a la escala y se eligen por contraste.
Todo llega a Figma como Variables (se actualizan en su lugar en la siguiente corrida, así que los vínculos y alias se mantienen), estilos de color y un tablero documentado, y sale como CSS, Tailwind v3 y v4, SCSS o tokens W3C, con valores OKLCH y Display P3.
Escalas OKLCH con nombres como Tailwind, Material o Radix, y un neutro teñido.
La cuadrícula de contraste muestra qué pares pasan 4.5:1 y 3:1 antes de elegirlos.
Los tokens semánticos apuntan a la escala: un cambio de marca llega a todos lados.
CSS, Tailwind v3 y v4, SCSS o tokens W3C, con OKLCH y Display P3.
Mira la paleta con visión protan, deutan y tritan.
10 usos gratis, luego una licencia o Lab Pro. Ver precios →