Image → five-color palette
Drop a photo in.
Get a perfect five out.
Pick anchor colors straight from your image, choose a harmony blueprint, tweak every color in OKLCH, watch it come alive as a real interface — then download the palette.
Drag & drop an image here
or click to browse · or press Ctrl+V to paste — nothing ever leaves your browser
01Extracted palette — pick your anchors
K-means in OKLab · tap up to 5 colors to build the palette around them
Tap colors to anchor them (numbered in pick order) — anchors keep their exact image color; the rest of the five is generated around them
02Harmony & your palette
Each blueprint previews the real five you'd get — pick one, then tweak
Your palette ALWAYS FIVE
Tweak
#000000
Sliders work in OKLCH — perceptually smooth. Editing locks the color so blueprints and remixes won't overwrite it.
03Live UI preview
04Take it with you
One download — everything a designer or developer needs
chromata-palette.zip
A shareable palette.png card, ready-to-use palette.css variables, palette.json tokens and a plain palette.txt hex list.