Guides ·
How to use Color Palette Generator
Color Palette Generator. Harmonies from one base colour. Analogous palettes feel calm and cohesive; complementary palettes give strong contrast for…
The short answer
To generate a colour palette, pick a base colour or press Random: ClickZM builds complementary, split-complementary, analogous, triadic, tetradic, monochromatic, shade and tint palettes using colour-wheel rules, and exports them as CSS variables, JSON or a PNG swatch.
It runs in your browser. What you enter is not uploaded.
How to use it
Type or paste your input into the Color Palette Generator.
Choose any options you need.
See the result update instantly.
Copy the result or download it.
Limits worth knowing
Which harmony should I start with? Analogous palettes feel calm and cohesive; complementary palettes give strong contrast for call-to-action buttons.
Are the palettes accessible? Each swatch shows whether black or white text is readable on it, based on WCAG contrast.