Tailwind Color Generator
Generate a full, accessible 50-950 color scale for Tailwind CSS from any base Hex color.
// Select a valid color...
HSL Logic
The generator uses Hue-Saturation-Lightness mathematics to ensure your color scale remains vibrant and consistent across all shades.
Production Ready
Output is formatted exactly as required for tailwind.config.js, making it effortless to integrate custom brand colors.