🎨
Radix Color Palette
Seamlessly enjoy Radix UI's color palette in Tailwind CSS, with clear semantics, DCI-P3 color space support and more.
Tailwind Radix Colors
Bring Radix's Color System to Tailwind
Enjoy the best of both Tailwind CSS and Radix UI
Skip to content 
💡
Smart Semantic Classes
Automatically handle dark mode, hover/active states, foreground text color and more, based on Radix design guidelines.
⚡
Optimal Bundle Size
Leveraging the power of Tailwind compiler, shake off unused colors and classes to minimize the final CSS bundle size.
⚙️
Granular Configuration
Stop being overwhelmed by a sea of classes in Intellisense, by explicitly declaring desired colors, variants or semantics.