ToolKit logoToolKit

Color tools

Palette Generator

Generate complementary, analogous, triadic, monochrome and shade palettes.

Palette generator

CSS variables

--color-base: #111827;
--color-rgb: 17 24 39;

About the Palette Generator

The Palette Generator builds harmonious colour schemes from a single base colour, producing complementary, analogous, triadic, monochrome and shade variations. Each palette comes with copy-ready values, so you can move from one starting colour to a complete, coordinated scheme in moments and compare several harmonies before settling on a direction.

Designers and developers use it to kick-start a brand palette, theme a user interface or find accent colours that genuinely work together, grounded in established colour-theory relationships rather than guesswork. Exploring multiple harmonies side by side speeds up the early, exploratory stage of design where committing too soon can be costly.

Palettes are computed entirely in your browser with nothing uploaded, so generation is instant and private. There is no install and no sign-up, which means you can pick a colour and start exploring schemes right away, then copy whichever values you need straight into your project. Working locally also means you can iterate freely on brand colours without anything you try being logged or shared.

Frequently asked questions

What kinds of palettes can it generate?

It produces complementary, analogous, triadic, monochrome and shade palettes from a single base colour.

Can I copy the colour values?

Yes. Each colour comes with copy-ready values you can paste straight into CSS or a design tool.

Is anything uploaded?

No. Palettes are generated locally in your browser using colour maths — nothing is sent to a server.