Tailkits

Tailwind Color Shades Generator

Free

Create Tailwind CSS color palette-like shades from hex codes

Get now
Tailwind Color Shades Generator Image 1
Details About Tailwind Color Shades Generator
Key points:
  • Code Export
  • Unlimited Export
  • Custom Config
Contents

a simple tools to generate Tailwind like color shades from a base color.

Example Color Shades Config Code

'au-chico': {
    '50': '#f9f6f6', 
    '100': '#f4eded', 
    '200': '#e2d3d3', 
    '300': '#d1b9b9', 
    '400': '#af8484', 
    '500': '#8c4f4f', 
    '600': '#7e4747', 
    '700': '#693b3b', 
    '800': '#542f2f', 
    '900': '#452727'
}

Color Shade Preview

Custom Brown Color Shades Config - Tailwind Shades Generator