How does extracting colors from a logo work?

Your image is analyzed directly in your browser — we sample its pixels, filter out background noise, and use the most frequent vivid color as the base for a full palette. Nothing is uploaded to a server.

What does the AA/AAA badge mean?

It's the WCAG accessibility contrast rating between a color and your palette's background — AAA is the strictest standard, AA is the common minimum for readable text, and Fail means the contrast is too low.

Can I keep some colors and only regenerate others?

Yes — lock any card you want to keep, and Regenerate will only reshuffle the unlocked ones.

What export formats are supported?

CSS custom properties, a Tailwind config snippet, SCSS variables, plain JSON, and Figma design tokens.

Free Color Palette Generator

Create beautiful palettes for your next brand or website — free, with live accessibility checking built in.

Start from HEX

Extract from LogoUpload an image to base a palette on it.

Live palette

Primary

vs. Background2.7:1 · Fail

Secondary

vs. Background1.5:1 · Fail

Accent

vs. Background3.3:1 · Fail

Background

Surface

vs. Background1.1:1 · Fail

Text

vs. Background15.7:1 · AAA

Success

vs. Background3.0:1 · Fail

Warning

vs. Background2.0:1 · Fail

Error

vs. Background4.2:1 · Fail

Brand

Welcome back

Here's what's new with your project today.

ContinueNew

SuccessWarningError

Who this is for

Built for designers and business owners alike.

Starting a new brand, redesigning a website, or just need a color system that actually works together — this generates a full, coherent palette from one base color, checks it against WCAG accessibility standards as you go, and exports straight into whatever your project already uses.

How it works

Four steps, no account required.

1
Pick a starting point
Generate random, start from a HEX code, or extract colors from your logo.
2
Refine your palette
Lock colors you like, shuffle the rest, or regenerate one role at a time.
3
Check accessibility
Every card shows a live AA/AAA contrast badge — no separate tool needed.
4
Export
CSS, Tailwind, SCSS, JSON, or Figma tokens — copy or download instantly.

FAQ

Common questions

Yes — completely free, with no sign-up and no limit on how many palettes you generate or export.

Related tools

QR Code Generator

Available now

Invoice Generator

Available now

Need branding or UI design?

Let's build your project — Dexivioco designs and develops software end to end.

Let's talk