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.

See plansHow it works

Plans from $5/mo — cancel any time

Brand color
Palette

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.

Starter

For solo designers

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

For brand teams

$15/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 $5 a month. Starter is $5/mo and Pro is $15/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