Color Palette Generator
Keep your main HEX color and generate a five-color palette with locks and CSS variables.
Opening your tool…
About this tool
Using Color Palette Generator
Keep your main HEX color and generate a five-color palette with locks and CSS variables.
Try this workflow
Enter and lock your brand color. Choose analogous, complementary or triadic colors; assign preview roles and copy CSS.
How do I use color palette generator?
Enter and lock your brand color. Choose analogous, complementary or triadic colors; assign preview roles and copy CSS.
What should I know about the results?
Locked colors stay unchanged. All locked means no generation. Color relationships do not guarantee accessibility.
Will changing settings replace my result?
Existing results stay until you explicitly generate again. Copying or choosing an output format uses the existing batch.