ColorContract

ColorContract compared with Leonardo, Radix Colors and Huetone

These tools are excellent, and they do not quite answer the same question. Here is, to the best of our knowledge (October 2026), what each does best. Check each tool's documentation: they evolve quickly.

ColorContractLeonardoRadix ColorsHuetone
Starting pointYour brand colorTarget contrast ratiosHand-crafted scalesA hand-edited palette
Contrast guaranteePer semantic role, against its backgroundPer color, against a backgroundUsage guidance per stepContrast shown while editing
Light and darkBoth, every combination checkedThemes by backgroundLight and dark scalesDepends on your palette
Brand colorLocked, with a usage mapAdjusted to ratios—Free
ExportDTCG, Figma, Tokens Studio, Style Dictionary, CSS, documentedDepends on the toolCSS and JS packagesDepends on the tool

What ColorContract does

It starts from your brand color, without changing it, and delivers a complete, harmonious system, with rich colors that never feel garish: scales, neutral, status colors, and about twenty semantic roles. Each role guarantees its accessible combinations, in light and dark, and the export documents those combinations, justified exceptions and the algorithm version.

What each one brings

Leonardo: fine control of each color by target contrast ratio. ColorContract aims for the same color richness, and adds guaranteed semantic roles and a brand that stays intact.

Radix Colors: carefully hand-crafted scales, proven in many products, with usage guidance for each step.

Huetone: a precise editor to tune each color by hand, with contrast in view.

Which one should you choose?

If you want to start from your brand and hand your team semantic tokens whose accessibility is guaranteed and documented, in light and dark, ColorContract is built for that. If you want a ready-made palette or color-by-color control, the other tools are excellent choices.

Open the toolHow it worksFAQ