Enter your brand's base color, and the tool will automatically generate a complete color scale from 50 to 950 based on luminance, ensuring clear visual hierarchy. You can generate multiple color sets at once and export them with a single click as CSS variables or a Tailwind configuration file, ready to be pasted directly into your project.
Tailwind CSS uses a numeric scale from 50 (lightest) to 950 (darkest). This tool generates complete scales from any base color, supports up to 5 colors, and exports as CSS variables or Tailwind config.