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
Pour les équipes de marque
- 2000 palettes sauvegardées / mois
- Export de jetons Figma
- Kit de marque (projets multi-palettes)
- Bibliothèques synchronisées dans le cloud
- Support prioritaire
Foire aux questions
Dois-je installer quelque chose ?
Non. ColorWell fonctionne entièrement dans le navigateur — vos couleurs ne quittent jamais votre machine tant que vous ne choisissez pas de les synchroniser.
Quel espace colorimétrique utilisez-vous ?
ColorWell fonctionne avec Oklch en coulisse — les variations restent dans l'espace colorimétrique perceptuel, de sorte que l'éclaircissement d'une couleur de marque ne dérive pas sa teinte.
Comment fonctionnent les exports ?
Copiez en un clic dans le presse-papiers pour les variables CSS, les blocs de configuration Tailwind, le JSON brut ou les styles prêts pour Figma. Collez-les directement dans votre code ou votre outil de conception.
Obtiens-je une période d'essai gratuite ?
Non — ColorWell est un outil payant avec des forfaits à partir de 5 $ par mois. Les démos de la page d'accueil montrent exactement ce que vous obtenez.
Comment puis-je annuler ?
Depuis la page de compte, ou en nous envoyant un e-mail. L'annulation arrête le prochain renouvellement — votre temps restant reste utilisable.
Arrêtez d'ajuster manuellement les codes hexadécimaux.
Générez la palette, livrez la feuille de style — tout en un seul endroit.
Voir les forfaits