Radix 12 Scale Generator
Generate a complete 12-step palette for Radix UI / shadcn — naming, semantics and contrast requirements fully aligned with the Radix spec
--brand-1 … -12
12-Step Scale
Click to copy HEX; Step 9 shows white text contrast
Light
Dark
123456
789101112
1–2 Background
3–5 Component
6–8 Border
9–10 Solid
11–12 Text
Semantic Reference
Each step's official semantics, typical uses and contrast verification
UI Preview