Skip Navigation
Brand Standards

Color Palette

The UConn primary color palette includes: navy blue, white, and grey as shown below. A downloadable color guide pdf is also available for your reference.

Scroll down for color break downs and accessible color combinations.

Navy Blue

PANTONE: 289
CMYK: 100 / 76 / 12 / 70
RGB: 0 / 14 / 47
WEB: #000E2F

White

OPAQUE WHITE
CMYK: 0 / 0 / 0 / 0
RGB: 255 / 255 / 255
WEB: #FFFFFF

Grey

PANTONE: 430
CMYK: 33 / 18 / 13 / 40
RGB: 124 / 135 / 142
WEB: #7C878E

Click For UConn Accessible Color Combinations

Note: PANTONE and all other Pantone trademarks are the property of Pantone LLC.

When wordmarks are displayed using special print and/or fabrication techniques such as embossing or engraving, colors other than the official colors may be necessary. These colors should be the result of the requirements of the technique and they should be natural, neutral, and compatible with the official identity (e.g., silver, gold, wood grain).

UConn Health Color Palette

Navy Blue

CMYK: 100 / 76 / 12 / 70
RGB: 0 / 14 / 47
WEB: #000E2F

Blue

CMYK: 100 / 24 / 0 / 65
RGB: 0 / 67 / 105
WEB: #004369

Teal Grey

CMYK: 39 / 0 / 9 / 23
RGB: 120 / 175 / 187
WEB: #79AFBA

Bright Teal

CMYK: 57 / 0 / 24 / 0
RGB: 99 / 199 / 201
WEB: #64C7C9

Light Teal

CMYK: 39 / 0 / 16 / 0
RGB: 151 / 215 / 217
WEB: #98D7D8

Yellow

CMYK: 0 / 12 / 90 / 0
RGB: 255 / 218 / 48
WEB: #FFDA30

Orange

CMYK: 0 / 72 / 100 / 1
RGB: 239 / 106 / 33
WEB: #EE6921

Red

CMYK: 18 / 96 / 92 / 8
RGB: 190 / 45 / 45
WEB: #BE2D2D

Dark Grey

CMYK: 54 / 41 / 38 / 4
RGB: 126 / 134 / 140
WEB: #7E868C

Light Grey

CMYK: 26 / 19 / 18 / 0
RGB: 189 / 192 / 195
WEB: #BDC0C3

Click For UConn Health Accessible Color Combinations

Primary Wordmark Color Options

The one-color option for UConn utilizes navy blue, black, or white when used on navy blue or black. The one-color option for UConn Health utilizes navy blue, black, or white when used on a dark background.

UConn blue logo

Navy Blue

UConn black logo

Black

UConn white logo

White

UConn Health blue logo

Navy Blue

UConn Health black logo

Black

UConn Health white logo

White

The two-color option includes ‘UCONN’ in navy blue and ‘University of Connecticut’ in grey.

UConn blue and grey logo stacked

Navy Blue and Grey

Custom Wordmark Color Options

The one-color option for UConn utilizes navy blue, black, or white when used on navy blue or black. The one-color option for UConn Health utilizes navy blue, black, or white when used on a dark background.

The two-color option includes ‘UCONN’ in navy blue and ‘University of Connecticut’ in grey.

UConn Student Financial Aid Services stacked logo
UConn Student Financial Aid Services stacked logo
UConn Student Financial Aid Services horizontal logo

UConn Accessible Color Combinations

Please do not use greyed-out color combinations; they do not meet a color contrast ratio of 4.5:1, so they do not conform with the WCAG 2.1 standards for body text. This means that some people would have difficulty reading the text. Employing accessibility best practices improves the user experience for all users.

 

Navy Blue text

#000E2F

Aa

 White text

#FFFFFF

Aa

 Grey text

#7C878E

Aa

 Black Text

#000000

Aa
color Navy Blue
background

#000E2F

 this color combination does not have high enough contrast Sample
Text		 Sample
Text		 this color combination does not have high enough contrast
White
background

#FFFFFF

 Sample
Text		 this color combination does not have high enough contrast this color combination does not have high enough contrast Sample
Text
Grey
background

#7C878E

 Sample
Text		 this color combination does not have high enough contrast this color combination does not have high enough contrast Sample
Text
Black
background

#000000

 this color combination does not have high enough contrast Sample
Text		 Sample
Text		 this color combination does not have high enough contrast

UConn Health Accessible Color Combinations

Please do not use greyed-out color combinations; they do not meet a color contrast ratio of 4.5:1, so they do not conform with the WCAG 2.1 standards for body text. This means that some people would have difficulty reading the text. Employing accessibility best practices improves the user experience for all users.

 

Navy Blue text

#000E2F

Aa

 Blue
text#004369

Aa

 Teal Grey text

#79AFBA

Aa

 Bright Teal text

#64C7C9

Aa

 Light Teal text

#98D7D8

Aa

 Yellow text

#FFDA30

Aa

 Orange text

#EE6921

Aa

 Red
text#BE2D2D

Aa

 Dark Grey text

#7e868C

Aa

 Light Grey text

#BDC0C3

Aa

 Black Text

#000000

Aa
color Navy Blue background

#000E2F

 this color combination does not have high enough contrast this color combination does not have high enough contrast Sample Text Sample Text Sample Text Sample Text Sample Text this color combination does not have high enough contrast Sample Text Sample Text this color combination does not have high enough contrast
Blue background

#004369

 this color combination does not have high enough contrast this color combination does not have high enough contrast Sample Text this color combination does not have high enough contrast Sample Text Sample Text this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast Sample Text this color combination does not have high enough contrast
Teal Grey background

#79AFBA

 Sample Text this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast Sample Text
Bright Teal background

#64C7C9

 Sample Text Sample Text this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast Sample Text
Light Teal background

#98D7D8

 Sample Text Sample Text this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast Sample Text
Yellow background

#FFDA30

 Sample Text Sample Text this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast Sample Text
Orange background

#EE6921

 Sample Text Sample Text this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast Sample Text
Red background

#BE2D2D

 this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast
Dark Grey background

#7e868C

 Sample Text this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast Sample Text
Light Grey background

#BDC0C3

 Sample Text Sample Text this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast Sample Text
White background

#FFFFFF

 Sample Text Sample Text this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast this color combination does not have high enough contrast Sample Text
Black background #000000 this color combination does not have high enough contrast this color combination does not have high enough contrast Sample Text Sample Text Sample Text Sample Text Sample Text this color combination does not have high enough contrast Sample Text Sample Text this color combination does not have high enough contrast