Color System

Color distinguishes our brand and reinforces consistent experiences across UA websites. Minerva's color system is based on a foundation of visual perception, inclusive design, and accessibility.

Designing and developing with the web framework

While not strictly required, it is heavily encouraged to use the semantic color tokens and color system provided by the Minerva framework. If you're writing your own styles, designing new sections, or building new components, please read the framework documentation.

Color guidelines

Use of color must comply with WCAG 2.2 AA standards.

• Meaning conveyed through color must also be accompanied by other visual indicators.
• Contrast between foreground and background must maintain a ratio of at least 4.5:1

All web approved colors

These colors are provided as a reference for designers and developers to use when defining new color sets or themes, or when working with bespoke content where color can be chosen against a specific and known background.