Tailwind Color Scale Generator

Generate a complete Tailwind color scale from any hex color. Smart shade detection anchors your color at the right brightness level.

Detected as:Azure Radiance 500

Generated Scale

Click any swatch to copy hex

Export

@theme {
  --color-azure-radiance-50: #f0f6ff;
  --color-azure-radiance-100: #dbe9ff;
  --color-azure-radiance-200: #bcd6ff;
  --color-azure-radiance-300: #92bcff;
  --color-azure-radiance-400: #619dff;
  --color-azure-radiance-500: #3b82f6;
  --color-azure-radiance-600: #1260d6;
  --color-azure-radiance-700: #004ab2;
  --color-azure-radiance-800: #003688;
  --color-azure-radiance-900: #00215b;
  --color-azure-radiance-950: #000e32;
}