Tailwind Shade Generator
Generate premium, LCH-interpolated 50-900 color scales for UI designing. Preview accessible overlay readability, audit relative contrast grades in real-time, and copy ready-to-use configs.
Base Color
Pick a starting hex color to build shades for.
Juicy Shift: Adjusts hue and saturation dynamically to keep lighter shades solar and darker shades rich instead of muddy.
Pure Linear: Straight mathematical mix from light to dark.
Copy individual hexes on the right or export the complete list below for copy-pasting directly into Figma tokens or Tailwind configuration variables.
Copied hex code!