Radix Colors

Un sistema de color de 12 pasos pensado para UI accesible — usa una paleta o genera la tuya.

accessibilityColor Palette
Platforms
Web
Pricing Free

Radix Colors es un sistema de color open source para construir interfaces accesibles. Cada escala tiene 12 pasos pensados para roles concretos de UI: fondos (1–2), componentes interactivos (3–5), bordes y separadores (6–8), colores sólidos (9–10) y texto accesible (11–12). El sistema viene con paletas listas — grises (gray, mauve, slate, sage) y acentos como tomato, red, ruby, crimson, pink, plum, purple, violet, iris, indigo y muchos más — todas con variantes en claro, oscuro y alpha.

La página /colors/custom es un generador de paletas en el navegador: eliges tu color de marca y Radix te devuelve una escala completa de 12 pasos con la accesibilidad verificada, lista para enchufar a Radix Themes o a cualquier design system. Es útil incluso aunque no uses el resto del stack de Radix. Lo hace WorkOS como parte del proyecto Radix (Themes, Primitives, Icons), gratis y con licencia MIT.