Color Palette Generator
Image & design · Done in 3 steps
- 1Choose a harmony
- 2
- 3
About
Generate colour palettes with complementary, analogous, triadic, tetradic or monochrome harmony, lock favourites, or extract a palette from an image.
How to use it
- 1Pick a harmony mode.
- 2Press Space (or Generate) for a new palette; lock the colours you want to keep.
- 3Or switch to Extract from image and drop a photo.
- 4Export as CSS variables, a Tailwind config or JSON.
- You give
- Nothing (random), a locked base colour, or an image
- You get
- A 5-colour palette (3–10 when extracting) with CSS, Tailwind and JSON exports
- Good to know
- Image extraction samples a 200px copy of the picture using k-means clustering, so tiny details may not appear. Harmony rules are a starting point, not a guarantee of accessible contrast — check text pairs with the contrast checker.
- Privacy
- Processed on your device. Nothing is uploaded, stored or logged.
- Last tested
- 2026-10-28
FAQ
How does locking work?
Locked colours stay put when you regenerate. The first locked colour also becomes the base for the harmony, so the rest of the palette is built around it.
What's the difference between the harmony modes?
Complementary uses opposite hues; analogous uses neighbours; triadic and tetradic space three or four hues evenly; monochrome varies only lightness of a single hue.
How are colours extracted from a photo?
Pixels are grouped by similarity with k-means clustering and the groups are sorted by how much of the image they cover.
Go further with AI
Thumbnail prompt templates
Concept and generate high-contrast video thumbnails that read at small sizes, with templates for reaction, before/after and object-focus layouts.
Midjourney · Flux · Ideogram
Reference image workflow
Use style, subject and composition references deliberately so the model copies what you want from an image and ignores the rest.
Midjourney · Flux · Ideogram
Lighting and composition guide
The photographic vocabulary that image models respond to, plus a prompt that turns a mood into a concrete lighting and composition spec.
Midjourney · Flux · Ideogram
Image editing prompt recipes
Reliable instruction patterns for AI image editing: remove, replace, recolour, relight and extend without wrecking the rest of the image.
ChatGPT · Gemini · Flux