Design tool
Color Palette Generator
Generate harmonious color palettes and copy HEX values or CSS variables.
Runs in your browserHow to use this color palette generator
- Choose a starting color and harmony rule, then regenerate until the palette fits the design.
- Review the palette colors, harmony, and copied values. Edit anything that does not fit, or change the controls and generate another version.
- Check the output against the source, then copy or download the finished result.
About this color palette generator
Use the Color Palette Generator to generate harmonious color palettes and copy HEX values or CSS variables. The result changes when you adjust the values or options above.
You can also use it to change the controls to produce a different result.
Example
Start with #267047 and compare analogous, complementary, and triadic palettes before copying the HEX values.
Common uses
- → generate harmonious color palettes and copy HEX values or CSS variables
- → change the controls to produce a different result
- → copy a useful result into the project it belongs to