Drop an image here
A logo, product photo, mood board or website screenshot.
Or drop files anywhere on the page · paste with Ctrl+V
1Your image
Tip: click anywhere on the image to pick an exact colour.
2Palette
Click any code to copy itHow it works
Build a consistent brand palette in seconds.
- 1Add an image
Drop in a logo, photo or screenshot — or paste one from your clipboard.
- 2Tune the palette
Choose 3–10 colours, sorted by how much of the image they cover. Click the image to pick exact colours.
- 3Export it
Copy HEX, RGB or HSL codes, CSS variables, Tailwind config or JSON — or save a palette image.
Private by design
Everything happens inside your browser tab. Your files aren’t uploaded, stored or seen by anyone — not even us.
- No uploads
- No account
- No watermark
- Works offline
Questions, answered
Is my image uploaded?
No. Colours are calculated in your browser, so the image never leaves your device.
How are the colours chosen?
The tool groups similar pixels (k-means clustering) and shows the main colours ordered by how much of the image they cover.
What do the contrast numbers mean?
They show how readable text in that colour is on white or dark backgrounds. 4.5:1 or higher passes WCAG AA for normal text.
Can I use the codes in Canva or Figma?
Yes — copy the HEX codes and paste them straight into Canva, Figma, Photoshop or your website CSS.
More free tools
Handy utilities for documents, images and marketing — all private, all in your browser.


