iColorPalette
Studio/Logo Color Extractor
Logo Color ExtractorFree
Logo· workspace
Sample: brand
Logo extract settings
Max colors5
Edge trim strength
Medium
Merge similar (ΔE 2.5)
Treat corner as background
Free
Logo palette
No brand colors found — try a more saturated logo or lower the edge-trim strength.
Why Logo

What Logo does best

Transparency-aware
Edge-trim and corner detection mean transparent PNGs and SVGs work out of the box.
Role labels
Primary, secondary, accent, text — auto-labelled and inline-editable. Palette gives you swatches; Logo gives you a brand kit.
Use cases

When to reach for this one

01
Brand kit start
Drop a logo. Get a brand kit in under five seconds.
02
Reverse-engineering a brand
Get the exact brand palette from a competitor's SVG.
03
Tokens for engineers
Hand engineers Tailwind tokens that match the brand exactly.
About this tool

Edge-trim, transparency-aware, and de-duplicated by perceptual delta-E. Outputs role-labelled brand colors ready for tokens, Tailwind, or Figma.

FAQ

Questions about Logo

SVG, transparent PNG, JPG. SVG works best for vector logos.
Auto-detected, capped at 2–8. You can override.
Yes — colors within ΔE 2.5 collapse to one. Toggleable.
Yes. Each color is auto-tagged as primary, secondary, accent, or text — and you can rename roles inline before exporting.
Yes — Tailwind config, Figma library, or Style Dictionary tokens, with the role names preserved.
Continue with this palette in

Send these colors to another tool

Three siblings inside Image Color Studio, three destinations in the wider iColorPalette app. Cards show what your palette would look like there.

Studio siblings
AI · 1 cr
AI Palette Completion
Complete a palette into a full role-based system.
Mobile + DesktopOpen
Free
Palette Extractor
Get an N-color palette from any image with three algorithms.
Mobile + DesktopOpen
Free
URL Color Extract
Palette from any live URL — page snapshot or CSS.
Mobile + DesktopOpen
Brand Docs
Brand guide + role tokens
Editor
#0F172A
#F97316
#FBBF24
#7C3AED
Edit palettes side-by-side
Color Canvas
Apply to 17 design templates
Design Tokens
--brand:  #0F172A;
--accent: #F97316;
--bg:     #FBBF24;
Tailwind / Figma / Style Dictionary
Accessibility
Aa #0F172A / #F97316
6.37× · AA
WCAG audit + CVD simulation
HomeGenerateLibraryToolsAccount
iColorPalette

Every hex, every Pantone, every CSS name — each with a home. Six focused tools for designers, developers, and print pros.

Product
  • Landing
  • Pricing
  • Tools hub
  • Contact
Tools
  • Color mixer
  • Contrast checker
  • Contrast grid
  • Brand kit
  • Color temperature
Resources
  • Palette gallery
  • Color directory
  • Accessibility
  • Scales studio
Legal
  • Terms
  • Privacy
  • Cookies

© 2026 iColorPalette. All rights reserved.

81,000 colors · 6 tools · 10,000+ palettes