Design System Colors

The default color palette from Tailwind CSS — the most popular utility-first CSS framework. 22 color families with 11 shades each (50-950), carefully tuned for UI consistency.

Radix Colors provides 28 color scales with 12 perceptually uniform steps each. Designed for accessible UI with predictable contrast ratios across light and dark themes.

Ant Design's algorithmic color system features 13 color families with 10 shades each. Level 6 is the primary base color. Used in one of the most popular enterprise UI frameworks.

Google's Material Design color system — the foundation of Android and Google's design language. 19 color families with 10 tonal variations plus accent shades.