Open the Vootkit workspace.
01Design toolTool result
Colour Palette Generator
Harmonious five-colour palettes instantly.
100% FreeRuns instantlyNo watermark
- 1Choose toolOpen the Vootkit workspace.
- 2Add inputProvide the content or settings.
- 3ProcessLet the browser do the work.
Private by designProcessed on your device where possible.
Works on any deviceDesktop, tablet and mobile browsers.
No installationOpen the page and start working.
Always free coreUse the free plan for everyday tasks.
How to use Colour Palette Generator
Provide the content or settings.
02Let the browser do the work.
03Copy, download or continue.
04Your files stay private
Your work is processed locally in your browser where possible and is never added to a Vootkit upload library.
Learn more about privacyPalettes built by picking colours you like tend to fight each other. Ones built on a relationship — complementary, analogous, triadic — hold together, because the relationship does the work your eye was guessing at.
What Colour Palette Generator does
Generates a five-colour palette from harmonic relationships, with HEX, RGB and HSL for each.
The relationships are angles on the colour wheel: complementary is 180° apart, analogous adjacent, triadic 120°. That is why they look deliberate rather than assembled.
Harmonies and rules
| Complementary | Opposite hues — 180° apart, high contrast |
|---|---|
| Analogous | Adjacent hues — calm, cohesive |
| Triadic | Three hues 120° apart — vivid and balanced |
| Output | Five colours, in HEX, RGB and HSL |
| <strong>60-30-10</strong> | <strong>Dominant, secondary, accent</strong> |
| Always check | Contrast, before using any pair as text |
| Also check | Colour blindness |
| Runs | On your device |
Detailed steps
- Pick a base colour and a harmony.
- Apply the 60-30-10 rule rather than using all five equally.
- Check contrast on any pair you will use for text.
Worth knowing
Use the 60-30-10 rule: about 60% of the surface in your dominant colour, 30% secondary, 10% accent. A palette used in equal parts looks chaotic no matter how well the colours relate — the harmony makes the colours work together, and the proportion makes the design work at all.
Frequently Asked Questions
Which harmony should I pick?
Analogous for calm, cohesive interfaces; complementary when you need a strong accent to stand out; triadic for something vivid and playful. Most product interfaces sit in analogous with one complementary accent.
Do I use all five colours equally?
No — that is the commonest mistake. Follow roughly 60-30-10 across dominant, secondary and accent, and treat the remaining colours as supporting rather than featured.
Are generated palettes accessible?
Not automatically. Harmony is about hue relationships and contrast is about luminance, so a beautiful palette can fail badly for text. Check every text pairing separately.
Can I build one from a photo instead?
Yes — Color from Image extracts a palette from a picture. That gives colours that already coexist in the real world, which is a different and often good starting point.
Is Colour Palette Generator free?
Yes. The Vootkit free plan includes 5 tool runs a day. Upgrade to Vootkit Pro for unlimited daily use, an ad-free workspace and saved workflows.
Are my files uploaded?
No. Colour Palette Generator runs entirely in your browser — your file is processed on your own device and never sent to a server. There is nothing for us to store or delete.
Do I need to install anything?
No. Colour Palette Generator works in any modern browser on desktop, tablet or phone. Open the page and start.
How often can I use it? Is there a daily limit?
On the free plan you get 5 tool runs a day. When you reach the limit you'll see a prompt to upgrade, and it resets the next day. Vootkit Pro removes the cap entirely for unlimited daily use.
Recently viewed
This tool processes everything locally in your browser. You can disconnect from the internet after the page loads and it will still work.