Tailwind Color Palette Generator
Turn any base color into a complete Tailwind CSS color scale. You get the full set of shades from 50 to 950 with the exact config snippet ready to paste into tailwind.config.js.
How to Use
Type a hex color or choose one with the picker. The scale builds instantly. Copy the config snippet and paste it under theme.extend.colors.
- Full 50 to 950 shade scale
- Ready-to-paste tailwind.config snippet
- Single-color and full-theme output
- Click any swatch to copy its hex
- Runs entirely in your browser
Related Image & Color Tools
You might also need
Tools from other categories that people pair with the Tailwind Palette: