Get Lifetime Access to 12,400+ Components and UI Builder with ✨ AI Assistant! 👇
🚀 Get it Now!

Tailwind Color Shades Generator

Free

Create Tailwind CSS color palette-like shades from hex codes

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

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

Featured Tailwind Tools

Discover the most popular Tailwind CSS tools. Browse top-notch Tailwind tools to improve your development process.

Makerkit

SaaS boilerplate using Next.js, Remix and Supabase and Firebase