Web Palette

The University’s color palette is a powerful and important asset in establishing a strong, consistent identity.

These web-appropriate versions of our primary colors are to be used in all logos, iconography, backgrounds and graphic elements. The addition of white to the color palette is intentional as the use of “white space” helps emphasize the logo, text and messaging.

The RGB and HEX colors that are provided have been selected based on best match for screen display.

A swatch palette of our web colors is available for download.

NOTE: To meet accessibility (WCAG 2AA) requirements for readability, only UVA Blue is approved as a color for text on a white background or as a color field behind white text.

If you are working on web pages for the University of Virginia, be sure to view our comprehensive Web Guidelines section, which includes detailed information pertaining to header and footer design, logos, fonts and navigation components as well as in-brand downloadable templates.

 

---

 

Secondary Web Color Palette

The secondary web color palette was created specifically for web applications. These accent colors have been incorporated for accessibility purposes and to add design flexibility. Guidelines for the use of the web secondary palette are outlined below:

Secondary Web Orange 
To satisfy accessibility (WCAG 2AA) standards, Secondary Web Orange is to be used in place of UVA Orange for text that appears against a white background, or as a color field behind white text. To meet WCAG 2AA requirements, the text must be at least 18px and bold or at least 24px and not bold.

Secondary Web Blue 
Secondary Web Blue is intended as an accent color, and should always appear adjacent to UVA Blue. It should never be used in place of UVA Blue, or for prominent design elements. 

Cyan, Yellow, Teal, Magenta & Green
These colors stem from our print secondary palette and are to be used as accents in digital applications. These colors should not be used in replacement of the University's primary color palette.

 

Light & Medium Gray 
These neutral colors can be used for secondary elements and backgrounds to create separation. 

Text Gray 
Text Gray is used for all body copy on web pages.

 

Emergency Red 
Emergency Red is to be used exclusively for emergency alert content. 

 

A swatch palette of our secondary web colors is available for download.

NOTE: To meet accessibility (WCAG 2AA) requirements for readability, only Secondary Orange, Secondary Blue, Text Gray, and Emergency Red are approved for text on a white background or as a color field behind white text.