Tailwind Color Logo

Tailwind Colors

Create color scales in seconds

Press space-bar , enter a hex-code or change the HSL values to create a custom color scale

Dark Lemon Lime
  • 50F9FBF4
  • 100F3F8E8
  • 200E2EDC6
  • 300D0E1A4
  • 400ADCB60
  • 5008AB51C
  • 6007CA319
  • 700536D11
  • 8003E510D
  • 900293608
  • 9501C2406

Demos