Palette Generator
Build a colour palette from one colour: complementary, analogous, triadic, monochrome or a 50–900 scale, exported as CSS variables, SCSS, Tailwind or JSON.
Free · No upload · 100% on your device
How to use Palette Generator
- Choose the settings in the side panel.
- The result updates instantly. Select “Generate” for a fresh one.
- Copy the result or download it.
Private by design. Everything you type, open or record is processed in this browser tab and is never uploaded to KittySuite.
About Palette Generator
Schemes use colour-wheel relationships in HSL. The 50–900 scale gives light-to-dark steps of one hue in the naming most design systems use. Click a swatch to copy its hex code.
Everything is calculated in this browser tab and nothing you enter is sent anywhere. It keeps working offline once the page has loaded.
Palette Generator: frequently asked questions
How do I make a colour palette from one colour?
Choose a base colour and a scheme: a 50–900 scale, complementary, analogous, triadic, tetradic, split complementary or monochrome.
Can I export the palette for code?
Yes, as CSS variables, SCSS, Tailwind or JSON.
How are the schemes calculated?
With colour-wheel relationships in HSL. The scale steps follow the 50–900 naming most design systems use.
How do I copy one colour?
Click a swatch to copy its hex code.