Export Palette:
How it works
1
Press the [Spacebar] on your keyboard or click 'Generate New Palette' to cycle harmonious color combinations.
2
Click the lock icon on any color to hold it in place while randomizing the remaining unlocked swatches.
3
Choose your preferred color harmony: Balanced, Analogous, Monochromatic, Triadic, Complementary, Pastel, or Vibrant.
4
Switch to the 'Extract Colors from Image' tab, upload an image or logo, and let the Canvas identify dominant colors.
5
Copy HEX, RGB, or HSL codes with one click, or export the whole palette to CSS variables, Tailwind configuration, SVG, or PNG.
Frequently asked questions
Is it really free?
Yes. The site is supported by ads, so you never pay or need to create an account.
How does image color extraction work?
The image is rendered locally on an HTML5 Canvas inside your browser. A quantization algorithm samples pixels, removes transparent alpha channels, and groups predominant hues to extract an accurate, distinct color palette.
Are my uploaded photos or logos sent to any server?
This tool runs entirely in your browser: nothing is uploaded to a server.
How does the spacebar shortcut work?
Pressing the spacebar triggers a new harmonic color cycle. Any color you lock with the padlock icon remains unchanged and anchors the harmony of the remaining colors.
Can I export to CSS or Tailwind?
Yes. One-click export buttons generate ready-to-paste CSS custom properties (:root { --color-1: ... }) and Tailwind theme color configuration, plus SVG and PNG swatches.
Does it work on mobile?
Yes. The page adapts to your screen and does not require installing any app.