Tailwind Color Palette Generator

Pick a brand color and get a full Tailwind CSS color scale (50-950) with proper contrast ratios. Copy the config or CSS variables directly.

This tool is under development. Subscribe to our newsletter to get notified when it launches.

More UI & Design ToolsView all

Describe a UI component and get shadcn/ui code

Create beautiful CSS gradients with a visual editor

Search and copy SVG icons from Lucide, Phosphor, and Heroicons