Color Palette Generator
Generate harmonious palettes from a base color.
Pick a base color and generate a harmonious palette — monochromatic, complementary, analogous, triadic, shades or tints. Copy any swatch, or export the whole palette as CSS variables or JSON for your design system. Everything is computed locally.
All color conversions run locally in your browser — nothing is uploaded, stored or logged.
How it works
- 1 Choose a base color.
- 2 Select a palette mode.
- 3 Copy individual swatches you like.
- 4 Export the palette as CSS variables or JSON.
Common use cases
- Build a brand or UI palette from one color.
- Find a complementary accent color.
- Seed a design system's color tokens.
- Explore color-harmony options quickly.
Frequently asked questions
Is my color data sent anywhere?
No. Every conversion and calculation runs entirely in your browser — nothing is uploaded, stored or logged.
What do the modes mean?
Monochromatic varies lightness of one hue; complementary uses the opposite hue; analogous uses neighbouring hues; triadic uses three evenly spaced hues; shades go darker; tints go lighter.
How do I export the palette?
Use “Copy CSS variables” for `--color-n:` declarations, or “Copy JSON” for an array of HEX values you can drop into code.
Is it really free?
Yes — free, with no signup, no watermark and no limits.