Design
Palette from image
Extract the dominant colors from an image.
Drop an image hereThe palette is extracted in your browser — nothing is uploaded
How it works
1
Add an image
Drop in or choose a photo, screenshot or artwork.
2
Read the palette
The tool pulls out the most prominent colors as swatches.
3
Copy the colors
Copy any swatch’s HEX value into your design.
Frequent questions
How are the colors chosen?
The image’s pixels are clustered to find the most representative, prominent colors, giving you a palette that reflects the whole image rather than a few random pixels.
Is my image uploaded?
No. The palette is extracted in your browser, so the image never leaves your device.
Explore more tools
Colors
Convert colors between HEX, RGB and HSL.
Contrast checker
Check color contrast against WCAG AA/AAA.
Palette generator
Harmonies, tints and shades from a base color.
Gradient generator
Build linear and radial CSS gradients.
Color mixer
Blend two colors and get the steps between.
Blob generator
Generate organic SVG blob shapes.
Color theme maker
Build a light/dark theme and export CSS variables.
Color blindness simulator
Preview colors for different vision types.