Color Palette Extraction

Capture a color.
Use it everywhere.

Extract beautiful palettes from any image in seconds. Export to Figma, CSS, Canva and more.

Your palette, ready to ship

From raw image to export-ready palette in under 30 seconds. See exactly what ChromaFlow extracts.

chromaflow.nanocorp.app — zone selection
Colorful tropical flowers — zone selection demo
Selected zone
Extracted from zone
8 dominant colors · sorted by weight
#C94B2E
Primary · 24%
#E9843A
Accent · 18%
#F3C84E
Highlight · 15%
#2E6E3E
Background · 14%
#B54271
Secondary · 11%
#7DC267
Tertiary · 9%
#FAE6C2
Text · 5%
#1A1A2E
Shadow · 4%

Everything you need to master color

From extraction to export — ChromaFlow handles the full palette workflow so you can focus on design.

Smart Color Extraction
Our median-cut algorithm pulls up to 6 harmonious colors from any photo, logo, or mood board in seconds.
Use-Case Aware Roles
Choose Personal, Brand, UI, or Print and get semantic roles — Background, Text, CTA, Accent — assigned automatically.
Zone Selection
Crop any region of your image with a drag-to-select tool for pinpoint extraction instead of whole-image averaging.
Palette Adjustment
Lock colors you love, replace ones you don’t. Soften, saturate, or blend hues — all without leaving the browser.
Multi-Format Export
Copy HEX, download PNG swatches, or export as CSS variables, Figma tokens, Canva JSON, and PDF (Creator & Pro).
Live Preview
See your palette applied to Instagram posts, web layouts, print cards, and Pantone strips — before you export a thing.

Four steps from image to palette

No account needed, no plugins, no setup. Just upload and go.

1
Upload Image
Drag & drop any photo, paste a URL, or pick a file from your device.
2
Set Your Goal
Choose your use case — Art, Design, Brand, Dev, or Print — for a role-assigned palette.
3
Extract & Adjust
ChromaFlow extracts 6 colors and lets you fine-tune each one with one-click controls.
4
Export Palette
Download as HEX, PNG, CSS, Figma tokens, Canva JSON, or PDF in one click.

Loved by designers & makers

Thousands of designers, developers, and brand builders use ChromaFlow every week.

“ChromaFlow saves me hours every week. I extract palettes from client mood boards in seconds and get CSS-ready variables instantly. Nothing else comes close.”

SM
Sophie M.
Brand Designer, Kreativ Studio

“The zone selection feature is a game-changer. I can pick exactly the area I want instead of getting the whole image’s colors muddled together. Essential tool.”

ER
Ethan R.
Indie Developer & UI Designer

“10 free extractions a day is all I need to keep my Instagram aesthetic consistent. ChromaFlow makes professional-grade color work accessible without a big budget.”

LD
Laure D.
Social Media Manager

“I’ve tried every palette tool out there. ChromaFlow is the only one that assigns semantic roles — Background, CTA, Accent — out of the box. The live preview seals the deal.”

MB
Marco B.
Art Director, Studio Volt

Simple, transparent pricing

Start free with no credit card. Upgrade when you need more extractions or advanced exports.

Monthly
Annual Save 25%
Free
€0
No credit card needed
  • 10 extractions per day
  • HEX copy & PNG download
  • Zone selection
  • Live preview (all templates)
  • WCAG contrast checks
Harmonie
$19/mo
Billed monthly
$149/yr
$12.42/mo — save $79
  • Everything in Creator
  • Advanced harmonization (balance modes)
  • WCAG accessibility analysis
  • Advanced color analysis
  • PDF export
  • Priority support
Upgrade to Harmonie →
2

What's your use case?

Choose your context for an optimized palette

Personal / Art
Design / UI
Brand Identity
Dev / Web App
Print / Social
3

Import your image

Drag & drop a photo or load from a URL

Drop your image here
or browse files
JPG · PNG · WebP · GIF · SVG — up to 20 MB
Image preview
or paste a URL
4

Select zone

Extract the full image or draw a specific zone

Zone selection
Click and drag to draw your selection zone
Extracting colors…
Median cut algorithm · Canvas API
6

Your palette

6 harmonious colors extracted from your image — click any swatch to copy

Export to Canva, Figma & CSS with Creator $9/mo →
7

Adjust

Lock, replace, or transform each color

8

Preview in context

See your palette in real-world use

9

Usage recommendations

How to use your colors effectively

Unlock all recommendations
Full WCAG accessibility analysis, advanced color harmony guides, and detailed usage patterns.
Upgrade to Creator — $9/mo
10

Export

Download your palette in your preferred format

Copy HEX codes
6 hex codes, one per line
PNG image
600 × 120 px color strip
Canva Creator
Official Canva JSON palette format
CSS Variables Creator
Ready-to-use :root CSS variables
Figma Tokens Creator
Design tokens JSON for Figma

      
PDF Pro
Printable A4 palette reference sheet
Unlock all exports with Creator →
11

Your palette is ready!

Save it, share it, or start a new one

Save palettes forever with Creator →
Create my account →