Free Chrome Extension

Pick any color.
Build beautiful
palettes.

ColorFlow brings a professional color workflow right into your browser. Grab any color from any page or your desktop, organize palettes, and export instantly.

Add to ChromeFree See features
dark_mode
remove
close
paletteColor
layersStack
downloadExport
manage_searchScan
tuneOptions
colorize Pick from Screen
desktop_windows Pick from Desktop
#6366F1 Indigo
rgb(99,102,241) hsl(239°,84%,67%)
AA ✓ AAA ✓ AA Large ✗
Recent Colors
5
Export Formats
0
Data Sent to Servers
∞
Colors per Palette
Free
Always & Forever
Features

Everything you need,
nothing you don't.

Built for designers and developers who need a fast, reliable color workflow without switching apps.

colorize
Screen & Desktop Picker
Grab any color from any webpage or your desktop with pixel-perfect precision using the built-in eyedropper tool.
layers
Multi-Project Palettes
Organize colors into named projects and palettes. Switch between client projects in seconds. Rename and reorder everything.
download
One-Click Export
Export your palette as CSS variables, Tailwind config, JSON design tokens, or SCSS. One click, copied to clipboard.
manage_search
Page Color Scanner
Scan any webpage and extract all colors it uses — backgrounds, text, borders. Instantly build a palette from any site.
dark_mode
Dark & Light Mode
A beautiful dark interface by default, with instant light mode toggle. Your preference is saved and applied everywhere.
lock
100% Private
All data stays on your device. No accounts, no tracking, no servers. Your colors are yours — stored locally.
How it works

From any page to
your palette in seconds.

No learning curve. Open, pick, save — that's it.

1
Install & open
Add ColorFlow from the Chrome Web Store. Press Alt+Shift+C or click the toolbar icon to open the floating panel on any page.
2
Pick a color
Hit "Pick from Screen" and hover over any pixel. The magnifier shows a live preview. Click to capture — the color is instantly added to your history.
3
Save & export
Add colors to your stack, organize into projects, then export in the exact format your code needs — CSS, Tailwind, JSON, or SCSS.
dribbble.com/shots/popular
#A855F7 · Purple
dark_mode
remove
close
paletteColor
layersStack
downloadExport
manage_searchScan
tuneOptions
Format
CSS Vars
Tailwind
JSON
SCSS
Output
:root {
  --color-indigo: #6366F1;
  --color-purple: #A855F7;
  --color-emerald: #10B981;
  --color-amber: #F59E0B;
  --color-rose: #EF4444;
}
Export

Your palette,
your format.

ColorFlow exports in all the formats modern design and development workflows need — one click, instantly on your clipboard.

code CSS Variables
air Tailwind Config
data_object JSON Tokens
style SCSS Variables
palette Raw HEX
dark_mode
remove
close
paletteColor
layersStack
downloadExport
manage_searchScan
tuneOptions
colorize Pick from Screen
desktop_windows Pick from Desktop
#06B6D4 Cyan
rgb(6,182,212)
Recent Colors
light_mode
remove
close
paletteColor
layersStack
downloadExport
manage_searchScan
tuneOptions
colorize Pick from Screen
desktop_windows Pick from Desktop
#A855F7 Purple
rgb(168,85,247)
Recent Colors
Dark & Light Mode

Works beautifully
in any theme.

One click switches the entire interface between a crisp light mode and a deep dark mode. Your preference is saved — ColorFlow always opens the way you like it.

toggle_on
One-click toggle
Switch modes instantly from the panel header — no page reload, no lag.
save
Preference saved
Your choice persists across every tab, every session — no setup needed.
devices
Panel + popup sync
Both the floating panel and the toolbar popup respect your theme choice.
See it in action

Built for every
part of your workflow.

From picking a single color to scanning an entire design system — ColorFlow handles it all.

dark_mode
remove
close
paletteColor
layersStack
downloadExport
manage_searchScan
tuneOptions
Brand Palette
add
delete
Indigo
#6366F1
content_copy
close
Purple
#A855F7
content_copy
close
Emerald
#10B981
content_copy
close
Amber
#F59E0B
content_copy
close
Palette Stack
Name, organize, and manage your saved colors by project
dark_mode
remove
close
paletteColor
layersStack
downloadExport
manage_searchScan
tuneOptions
manage_search Scan Page Colors
Found 6 Colors
#6366F112×
#1A1B2E8×
#F7F8FF6×
#A855F74×
#10B9813×
Page Color Scanner
Scan any site and extract every color it uses instantly
dark_mode
remove
close
paletteColor
layersStack
downloadExport
manage_searchScan
tuneOptions
colorize Pick from Screen
desktop_windows Pick from Desktop
#EC4899 Pink
rgb(236,72,153) hsl(330°,81%,60%)
Recent Colors
Light Mode
Switch between dark and light with one click — preference saved
⌥⇧C
dashboard Open Panel
colorize Pick Color
Recent
Stack
Indigo#6366F1
Purple#A855F7
Quick-Access Popup
Recent colors, stack preview, and export — right from the toolbar
Get started

Ready to color your workflow?

Free forever. No sign-up. Works on every website. Install in 10 seconds.

Add to ChromeFree Privacy Policy