Company
Date Published
Author
Fabian Schultz
Word count
2014
Language
English
Hacker News points
None

Summary

We're working towards creating an inclusive web for people of all abilities, and our design system, Forma 36, is a perpetual work in progress. We recently focused on color accessibility, aiming to meet the Web Content Accessibility Guidelines (WCAG) without compromising aesthetics. Our journey involved learning about color spaces, such as sRGB and CIELAB, and adopting new tools like chroma.js. We developed a Figma plugin that takes our base blue as input and generates a full palette of colors using the HCL color space. The key to our success was creating a unified color scale with consistent contrast ratios and perceptual uniformity, ensuring that our colors are predictable and easy to use. By balancing aesthetics and accessibility, we've created a color system that is both effective and usable for people with different abilities.