The purpose of the color library is to define and unify color across all digital products. Color themes are designed to be harmonious, ensure accessible text, and distinguish UI elements and surfaces from one another.

Color library is designed to help achieve contrast ratios specified by WCAG 2.1 Level AA for text, icons, other indicators, and background colors. This is done with using:

👉 2 primary brand colors
👉 3 secondary colors
👉 2 neutral colors

Each color has 3 more tints and shades in order to achieve legibility on light or dark backgrounds as well as to help improve the overall visual language.