Skip to main content

Glossary · color

Radix Alpha-scale Palette

Radix Themes' 12-step accent scale with paired alpha-channel tokens, designed for perceptually consistent overlay effects.

Radix Colors ships each accent in 12 steps (1-12, light to dark), each with a paired alpha version (1A-12A) for transparent overlays. The advantage is composability: an `accent.6A` overlay on any background produces a consistent perceived darkness across hues. Catalogued sites in AI2 Design that use Radix patterns (Blackalgo, Lightdash) inherit this discipline — visible in the brief's `colorPhilosophy.usage` array.

External reference

Radix Colors

Catalogued examples

2 catalogued sites demonstrate radix alpha-scale palette in production.

All glossary terms

AI2 Design counts anonymous traffic always — no cookies, no identifiers, no fingerprinting. For optional session insights (PostHog, EU region) — page funnel, performance — turn on opt-in analytics below. Cookie policy.