Colour Accessibility

We aim to make Lens an accessible design system for all. To this end we work towards WCAG2.0 AA standard accessibility.

A small but vital part of these efforts are to make sure we use colour combinations that have enough contrast so they are clear.

Accessible colour combinations

Citrus + granite

example showing lettering and background contrast with citrus and granite

Citrus dark + granite

example showing lettering and background contrast with dark citrus and granite

Cornflower + granite

example showing lettering and background contrast with cornflower and granite

Mint + granite

example showing lettering and background contrast with mint and granite

White + violet

example showing lettering and background contrast with white and violet