Media
Palette Generator
Upload a photo to pull five working colors, then move the sample handles, switch a color mood, and export CSS, SCSS, or JSON — the same extract-from-image flow as Adobe Color.
Quick start
- 1
Upload a photo
Add a JPG, PNG, or WebP, or use an image URL.
- 2
Set the size and mood
Choose 3 to 10 colors and bias the extraction toward colorful, bright, muted, deep, or dark tones.
- 3
Refine on the image
Drag the handles so a swatch locks to the pixel you want.
- 4
Export
Copy hex codes or download CSS variables, SCSS, or JSON.
Features
Sample from the photo
Drag handles on the image to lock colors to exact pixels.
Color moods
Bias extraction toward colorful, bright, muted, deep, or dark tones.
Export-ready tokens
Copy hex codes or download CSS variables, SCSS, and JSON.
Specifications
- Input
- JPG, PNG, WebP or URL
- Swatches
- 3–10 colors
- Moods
- None, Colorful, Bright, Muted, Deep, Dark
- Privacy
- Processed on the toolbox API
Use cases
- Build a palette from a brand photo.
- Sample exact pixels instead of eyedropping by hand.
- Export tokens for a stylesheet.
Frequently asked questions
How many colors can I extract?
Between 3 and 10 swatches.