CColorWell
Get ColorWell
Palette + accessibility toolkit

Beautiful palettes. Verified contrast. One workflow.

Drop a brand color in. Get a harmonized palette, every WCAG verdict, and exports for CSS, Tailwind, and Figma — without leaving the page.

Try it nowSee plans

Plans from $9/mo — cancel any time

Live — works right here

Generate a palette

Pick a brand color. ColorWell builds the rest.

Analogous

Shades (light → dark)

Export

Download design tokens

Pro

Save the full palette and shade ramp as ready-to-use files.

Upgrade to Pro to download files

Contrast check

Pair any two colors from the palette. ColorWell shows the WCAG verdict.

Aa
The quick brown fox jumps over the lazy dog.
2.77
Ratio

Verdict: Fails WCAG

Everything a brand palette needs

Built for working designers and front-end teams shipping interfaces every day.

Harmonized palettes

Pick any hex color. ColorWell generates analogous, complementary, triadic and monochromatic schemes in one click.

WCAG contrast — instantly

Every pair of colors in your palette gets an AA/AAA verdict against text, large text and UI components.

CSS, Tailwind, Figma exports

One-click export to CSS variables, a Tailwind config, raw JSON tokens, or paste-ready Figma styles.

Brand-safe variations

Lighten, darken and saturate without drifting hue. ColorWell stays inside perceptual color space (Oklch).

Named tokens

Auto-names like "indigo-500" or "slate-700" keep your stylesheet readable to humans, not hex codes.

Save & sync palettes

Every palette you build is yours to keep — name it, tag it, come back later. Cloud sync for Pro.

Three steps

Start from a single brand color. End with a working stylesheet.

1

Pick

Drop a hex value or use the color picker.

2

Generate

ColorWell builds harmonized palettes and runs every contrast check.

3

Export

Copy CSS, Tailwind or Figma tokens — straight into your codebase.

Simple pricing

Pick a plan and stop fighting hex codes.

One subscription unlocks every BestPaid tool except TradePulse, which is sold separately — see the full catalogue at bestpaid.app/saas.

Starter

For solo designers

$9/mo
  • 100 saved palettes / mo
  • Unlimited contrast checks
  • CSS / Tailwind / JSON export
  • Brand-safe variations
Most popular
Pro

For brand teams

$19/mo
  • 2000 saved palettes / mo
  • Figma token export
  • Brand kit (multi-palette projects)
  • Cloud-synced libraries
  • Priority support

Frequently asked

Do I have to install anything?

No. ColorWell runs entirely in the browser — your colors never leave your machine until you choose to sync them.

Which color space do you use?

ColorWell works in Oklch under the hood — variations stay inside perceptual color space so lightening a brand color doesn't drift its hue.

How do exports work?

One-click copy to clipboard for CSS variables, Tailwind config blocks, raw JSON, or Figma-ready styles. Paste them straight into your code or design tool.

Do I get a free trial?

No — this is a paid tool with plans from $9 a month. Starter is $9/mo and Pro is $19/mo; you can cancel any time.

How do I cancel?

From the account page, or by emailing us. Cancellation stops the next renewal — your remaining time stays usable.

Contrast checks, already done

White text or black text on the colours people actually use — the exact WCAG ratio, the verdict, and a shade that passes if this one does not.

Stop hand-tuning hex codes.

Generate the palette, ship the stylesheet — all in one place.

See plans