UI Colors is a free Tailwind CSS color generator: enter one hex or HSL value and it produces the full 11-shade scale (50 through 950) in Tailwind's exact format, previewed live on buttons and cards.
Because output matches Tailwind's own shade-numbering convention exactly, a generated scale drops straight into a `tailwind.config` without renaming or reordering, and the companion Figma plugin creates matching color variables automatically.
Developers and designers working in Tailwind CSS who need a full shade scale from one brand color, already formatted the way Tailwind expects.
Hit the spacebar to generate random palettes for quick exploration, then dial in the exact hue manually once something looks close.
Create and visualize Tailwind colors on all sorts of components.
