Color Palette Generator
Generate a 100-900 shade scale from any base color.
100% Private: Your data never leaves your device. Processed locally in your browser.
How to Use
- Click the color picker or enter a HEX code for your base color.
- The tool instantly generates shades from 50 (lightest) to 900 (darkest).
- Click any color block to copy its HEX code to your clipboard.
- Use the 'Copy CSS' button to grab all CSS variables at once.
Frequently Asked Questions
How is the palette generated?
The generator takes your base color (assigned as the 500 shade) and mathematically lightens and darkens it to create a harmonious 10-step scale (50 to 900).
Are these Tailwind compatible?
Yes, the 50-900 scale perfectly matches standard design system token scales like Tailwind CSS.