WCAG 2.2 · light and dark · DTCG
One color. One accessible system.
Enter your brand color: ColorContract generates the scales, the roles and their accessible combinations, in light and dark. Your color is never changed.
- Guaranteed accessible combinationsEvery role meets its WCAG 2.2 threshold.
- Light and darkTwo modes, never a simple inversion.
- Ready for your toolsDTCG, Figma, Tokens Studio, CSS.