Tailwind Palette Builder
Generate a full 50-950 Tailwind CSS color scale from a single hex code. Fast, free, and fully client-side.
How the Tailwind Palette Builder Works
Enter a single base color and instantly generate a perfectly balanced 11-step scale (50-950) formatted for Tailwind CSS config or native CSS variables.
Usage Example
Input #3B82F6 to generate shades from 50 (lightest) to 950 (darkest).
Frequently Asked Questions
What formats can I export?
You can export as CSS custom properties (variables) or as a JavaScript object for tailwind.config.js.