Skip to main content

Web Colors and Fonts

Web Colors

To meet web accessibility standards, text on the web must be in high contrast to its background (7:1 for body text, 4.5:1 for headings).

 

Body text:
#111111

 

Body text background:
#F7F7F7

 

Blue:
#041e42
Standard blue hexadecimal

 

Aqua:
#00679A
Web highlight color used for interactive elements (links, buttons)

 

Gold:
#A99260
Used sparingly as a highlight color

 

Yellow:
#FDB913
Used very sparingly as a highlight color

 

Medium Gray:
#DDDDDD
Used sparingly as a background color to denote sections within a page

 

Light Gray:
#E4E4E4
Used as page background color and horizontal rules between sections

 

Gold fade:
#E9E4DA
Alternative to gray for backgrounds and horizontal rules

 

Off-White:
#F7F7F7
Used as container background color (for content/text areas)

Web Fonts

Standard font stack: Cabin, Helvetica, Arial, sans-serif

  • Cabin Normal for body copy; SemiBold for headings; SemiBoldItalic for ‘read more’ and other callout links

Alternate font stack: Helvetica, Arial, sans-serif

Note: Neutraface does NOT have a webfont license and cannot be used as an embedded font on a website. Neutraface can only be used in web graphics.

Last updated: 10/4/2019