radix-ui/colors

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

1652 stars · 88 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Radix Colors is an accessible, carefully designed color system for user interfaces, distributed as CSS files and JS packages. It provides 12-step scales for dozens of hues with light and dark mode variants, alpha scales, and semantic usage guidance.

Use cases

• pick accessible color palettes for a web app
• get light and dark mode color scales that just work
• find colors for backgrounds, borders, and text with correct contrast
• set up a design system color foundation
• use tinted gray scales that pair with a brand accent color
• prototype UI colors quickly via CDN stylesheets

When to choose

• you want pre-tuned, WCAG-conscious color scales instead of hand-picking hex values
• your app needs consistent light and dark themes
• you're building on Radix UI or want a neutral, framework-agnostic color foundation

When to avoid

• you need heavily customized brand colors, since the scales are designed not to be tweaked
• you need dynamic runtime color generation rather than fixed palettes
• you want a full theming engine with runtime theme switching rather than static CSS variables

Facets

library · maturity stable

ui-components css-framework theme web-development frontend web-design accessibility browser cross-platform color-palette design-system css-variables dark-mode radix-ui web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="radix-ui/colors")