Generate a color palette,
check it, export it.
A palette generator with contrast checks and code export built in. The workspace stays neutral grey, so nothing around your colors changes how they look.
Free, with no sign-up. Your colors and images never leave your browser.
ClickTap a color to copy it. Lock one to keep it through the next shuffle.
Open in editorPull colors from a photo
Drop in a photo of your own, paste one or choose one, and get its main colors. Each one is a real pixel, and the markers show where it came from.
You can also paste one with Ctrl+V. Your photo stays in your browser.
See it in a real interface
Your palette on a sample page, each color in a role, with a plain verdict on whether its text is easy to read. Switch to dark to see the same colors at night.
Export straight to your code
Copy the palette as CSS variables or a Tailwind v4 theme, with tokens named after its colors. This is the palette above.
FAQ
Is it free?
Yes. Every feature is free, with no sign-up and no ads.
Do my photos get uploaded?
No. Photos are read inside your browser, on your device, and never sent anywhere. The same goes for your palettes.
Where are my palettes saved?
In this browser, on this device. Clearing your browser data removes them, so use Export library in the Library to keep a backup file you can import later.
Can I export to Tailwind?
Yes: a Tailwind v4 theme or Tailwind v3 colors, as well as CSS variables, JSON and a plain hex list. Token names come from the color names, and you can rename them.
What do AA and AAA mean?
They are the readability levels in the web’s accessibility guidelines (WCAG). AA needs a contrast of 4.5:1 for body text, or 3:1 for large text; AAA needs 7:1. The Contrast tab rates every pair of your colors.
Does it work on my phone?
Yes. On a phone the colors stack as rows and a Generate button sits at the bottom of the screen, so nothing needs a keyboard.