Color Palette Generator
Harmonious color palettes at the press of the space bar. Lock colors, pick a harmony, check contrast and export as CSS.
Open in editorPalette from Image
Drop in a photo and get its main colors with their share in percent. The image stays in your browser.
Open the generatorRuns right in your browser. Your graphics are made on your device.
Start from a preset
Pick a preset and it opens right in the editor, ready to adjust.
What is it?
Palette from Image finds the colors that define a photo or graphic and shows how much of the area each one covers. The analysis runs entirely in your browser: your image is never uploaded and never stored.
How it works
Drop an image onto the drop zone, paste it with Ctrl+V or choose a file (PNG, JPG, WebP, GIF or SVG up to 5 MB). Set the number of colors, press the space bar for another grouping and export the palette as a HEX list, CSS variables, Tailwind or an image.
Try the Palette from Image nowFAQ
- Is my image uploaded?
- No. The image is scaled down and analyzed in your browser. It never leaves your device, is not part of shared links and is not stored.
- How are the colors found?
- Musterli groups the pixels with k-means in the OKLab color space, which measures color differences the way the eye sees them. Each group becomes one color, and its share is the area it covers in the image.
- Why does the space bar change the palette?
- k-means starts from randomly chosen colors and can settle on slightly different groups depending on the start. The space bar tries a new start, so you can keep the variant you like best.
- Why does a shared link show the sample image?
- Shared links contain only the settings, never your image or the colors taken from it. Whoever opens the link sees the sample image and can drop in their own. To pass on the colors, export them as a HEX list or an image.
- Which images work?
- PNG, JPG, WebP, GIF (first frame of an animation) and SVG up to 5 MB. Transparent pixels are not counted.
Ready-made color palettes
More than 30 palettes by mood, with HEX, RGB and OKLCH values to copy.
Browse the palette collectionRelated generators
All generators in Colors
Tints & Shades
Lighter and darker steps of a color. Export as HEX, RGB, HSL or CSS variables.
Open in editor
Tailwind Color Palette
The eleven Tailwind steps 50 to 950 from one color. Export for tailwind.config.js, @theme, OKLCH and HEX.
Open in editor