Steal the palette.
Drop an image, get a color palette. Copy individual hex codes or export the whole palette as CSS variables, Tailwind config, or Figma tokens. Works entirely in your browser — your image never leaves your device.
Drop an image here.
Or click to browse · Up to 20 MB · PNG, JPG, WebP, GIF
The knobs.
Color extraction, explained.
How does it pick the colors?
We sample pixels across the image, quantize them into buckets of similar colors, then return the most frequent buckets. Dominant colors win; the algorithm favors the colors that take up the most pixels.
Why 8 colors by default?
Design systems usually have 5-10 primary colors. Eight is the Goldilocks number — enough variety to feel like a real palette, few enough to actually use in a design. Pick 5 for minimalism, 12 for photo-heavy moodboards.
Is anything uploaded?
Nothing. We load your image into a canvas element, read the pixel data, and do all the math in your browser. Turn off your internet — it still works. Your image never touches a server.
What if my image has transparency?
Transparent pixels are skipped during extraction, so the palette represents only the visible parts. Great for logos and UI mockups.
Which export format should I use?
CSS variables for web projects. Tailwind if you use Tailwind (paste into your theme.extend.colors). Figma tokens for design systems. Hex list when you just need the values.
What's the "Download as PNG" for?
Generates a shareable image of your palette with hex codes labeled. Great for mood boards, Pinterest, design docs, or posting on social. Bragging about your good taste.