How to use the color palette generator
- Press Generate (or hit the spacebar) to create a new five-colour scheme.
- Lock any colour you like with the 🔓 icon — it stays while the rest reshuffle.
- Tap a swatch to copy its hex code, or copy the whole palette at once.
Building a palette that works
A usable palette usually pairs one or two dominant colours with a supporting range and an accent for calls to action. This generator spreads colours across the colour wheel with balanced saturation and lightness so the results feel cohesive rather than random. Lock the shade that anchors your brand, then generate around it until the supporting colours click. Copy the hex codes straight into your CSS, design tool or brand kit.
Benefits
- Generates cohesive five-colour schemes in one click (or a tap of the spacebar).
- Lock the colours you like and reshuffle the rest around them.
- Tap any swatch to copy its hex code, or copy the whole palette at once.
- Runs in your browser with nothing saved or uploaded.
Limitations to know
- It outputs hex codes; use a converter for RGB or HSL values.
- It generates by colour theory, not from your brand assets or an uploaded image.
- Palettes aren’t saved between visits — copy the ones you want to keep.
Common mistakes to avoid
- Not locking a colour you like before generating again and losing it.
- Using five strong colours at equal weight instead of one or two dominants plus accents.
- Ignoring contrast — check text is readable on your chosen background colour.
Alternatives
To convert a hex code to RGB or HSL use the Color Converter; to put your colours onto an image use Add Text to Image.
Last updated: August 2026 · Reviewed by the AI Toolbox editorial team.
Frequently asked questions
What do the codes mean?
Each is a hex colour code (like #3B82F6) you can paste into CSS, Figma, Canva or any design tool.
How do I keep a colour I like?
Tap its lock icon. Locked colours stay put while Generate reshuffles the rest.
Can I get the RGB values too?
Use our Color Converter to turn any hex code into RGB or HSL.
Is anything saved or uploaded?
No — palettes are generated in your browser and nothing is sent anywhere.