Color Palette Generator
Generate harmonious color palettes from any base color.
Choose a mode above to generate a palette.
About this tool
Processing happens directly in your browser. No files are uploaded to the server.
Color Palette Generator creates harmonious color palettes using HSL color theory. Pick a base color and choose from Complementary, Analogous, Triadic, Split-Complementary, Tetradic or Shades modes.
How to use
- 1 Pick your base color using the color picker or type a hex code.
- 2 Choose a palette mode (Complementary, Analogous, etc.).
- 3 Click any color swatch to copy its hex code.
- 4 Export the whole palette as CSS variables or JSON.
Frequently asked questions
What is a complementary color?
The color directly opposite on the color wheel (180° hue shift). It creates high contrast.
What is an analogous palette?
Colors adjacent on the color wheel (±30°). They create a harmonious, cohesive look.
Can I export for CSS?
Yes. Use the Export CSS variables button to get --color-1: #xxx; format.
Does it work with any color?
Yes. Enter any valid hex color code.