How do I use this palette generator?
Pick a color harmony, optionally choose a seed color, then generate until the palette fits your project. Lock any color you want to keep before generating again.
-Harmony
-Contrast
0Saved
Free design tool
Create harmonious five-color palettes, lock the colors you like, inspect contrast, and export production-ready CSS, Tailwind, JSON, or SVG. Everything runs locally in your browser.
Pick a color harmony, optionally choose a seed color, then generate until the palette fits your project. Lock any color you want to keep before generating again.
Use the contrast score as a quick warning, then test your real foreground and background pairs in your UI. Strong palettes still need readable text choices.