Creating an accessible color palette for Forma 36

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.

Use this post, company, and trend context to find content marketing opportunities, perform competitive analysis, or address product feature gaps via the Plushcap MCP server or the Plushcap API.