Tool · Radix Colors
Radix-style 12-step scale from any brand color.
Drop a brand hex — get the canonical 12-step scale used by shadcn/ui and Radix Themes, plus a matching gray, alpha siblings, and an auto-tuned dark variant. Ready to paste into globals.css or a Radix Themes config.
light scale
12 steps · solidaccentsolid
graysolid
dark scale
12 steps · solidaccentsolid
graysolid
light UI sample
Roadmap Q3
Shipping in the next two weeks.
New
"We just synced Radix tokens from The Color Tools — devs are happy, designers are happy." — Sample testimonial.
dark UI sample
Roadmap Q3
Shipping in the next two weeks.
New
"We just synced Radix tokens from The Color Tools — devs are happy, designers are happy." — Sample testimonial.