Primary

Banner Blue, the main color of our brand mark, is used throughout our templates. As a headline color, it gives our content a direct connection to our brand. Lake and 70% Black are used as subheadlines and body copy to provide visual separation between the color palettes.

Accessible, Informative

Banner Blue
Hex: #023d69
CMYK: 100, 57, 0, 40
RGB: 2,61,105
PMS: 295c

Accessible, Simple, Honest
Lake
Hex: #2269B2
CMYK: 88,59,1,0
RGB: 34,105,178
PMS: 7684c
Accessible, Simple

70% Black
Hex: #6d6e71
CMYK: 0,0,0,70
RGB: 77,77,77
PMS: 424c

Secondary

The secondary colors broaden the palette of approved neutrals. These colors may be used to provide variety and visual interest without leaving the recognized palette.

Engaging, Optimistic
Pumpkin
Hex: #E58127
CMYK: 0,51,100,1
RGB: 229,129,39
PMS: 152c
Engaging, Optimistic
Sun
Hex: #F4B531
CMYK: 0,21,88,0
RGB: 244,181,49
PMS: 123c
Engaging, Honest
Sky
Hex: #ADD8F4
CMYK: 24,1,1,0
RGB: 173,216,244
PMS: 290c
Accessible, Simple
Grass
Hex: #438300
CMYK: 76,26,100,12
RGB: 67,131,0
PMS: 576C

ADA Considerations

Pumpkin, Sun and Sky should never be used as copy color as they do not meet the AA Contrast Ratios. To use them as a background color, copy that is placed on has to be larger than 18px and 100% black. White will not pass contrast.

ADA Contrast Checker


Text is 24px and 100% Black


Text is 14px and 100% White and Light


Background is 50% shade and text is white.