Color Shades Generator
Pick any color and get a full Tailwind-style palette with 11 shades from light to dark. Click any swatch to copy its hex code.
Color Shades Generator
Generate a Tailwind-style color palette from any color. Get 11 shades from light to dark. Free and instant.
Frequently Asked Questions
How are the shades generated?+
The tool converts your color to HSL, then generates 11 variations by adjusting the lightness value from very light (50) to very dark (950), similar to how Tailwind CSS generates its color palette.
Can I use these colors in Tailwind CSS?+
Yes! The 11-step scale (50-950) matches Tailwind's color format exactly. Copy individual hex values or use them as custom colors in your tailwind.config.js.