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.
Plans from $5/mo — cancel any time
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.
Pick
Drop a hex value or use the color picker.
Generate
ColorWell builds harmonized palettes and runs every contrast check.
Export
Copy CSS, Tailwind or Figma tokens — straight into your codebase.
Simple pricing
Pick a plan and stop fighting hex codes.
For solo designers
- 100 saved palettes / mo
- Unlimited contrast checks
- CSS / Tailwind / JSON export
- Brand-safe variations
For brand teams
- 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 — ColorWell is a paid tool with plans from $5 a month. The landing page demos show exactly what you get.
How do I cancel?
From the account page, or by emailing us. Cancellation stops the next renewal — your remaining time stays usable.