Color Palette
PRIMARY BLUE
#0b4ed0
RGB: 11, 78, 208
CMYK: 95, 63, 0, 18
HSL: 220, 90, 43
BLUE 2
#77adf3
RGB: 119, 173, 243
CMYK: 51, 29, 0, 5
HSL: 214, 84, 71
BLUE 3
#b4daf7
RGB: 180, 218, 247
CMYK: 27, 12, 0, 3
HSL: 206, 81, 84
BLUE 4
#4acaf7
RGB: 74, 202, 247
CMYK: 70, 18, 0, 3
HSL: 196, 92, 63
BLUE 5
#5871d0
RGB: 88, 113, 208
CMYK: 58, 46, 0, 18
HSL: 228, 56, 58
BLUE 6
#ebf4fa
RGB: 235, 244, 250
CMYK: 6, 2, 0, 2
HSL: 204, 60, 95
GRAY 1
#f0f1f5
RGB: 240, 241, 245
CMYK: 2, 2, 0, 4
HSL: 228, 20, 95
GRAY 2
#d3d8de
RGB: 211, 216, 222
CMYK: 5, 3, 0, 13
HSL: 213, 14, 85
GRAY 3
#abb1ba
RGB: 171, 177, 186
CMYK: 8, 5, 0, 27
HSL: 216, 10, 70
DARK GRAY
#5c6370
RGB: 92, 99, 112
CMYK: 18, 12, 0, 56
HSL: 219, 10, 40
GRAY-BLACK
#393e46
RGB: 57, 62, 70
CMYK: 19, 11, 0, 73
HSL: 217, 10, 25
ALERT YELLOW
#f7b24a
RGB: 247, 178, 74
CMYK: 10, 28, 70, 3
HSL: 36, 92, 63
GRADIENT 1
Vertical
White to Blue 6
Used in Header
GRADIENT 2
Vertical
Blue 3 to Blue 6
Used in Footer
GRADIENT 3
Horizontal
Primary Blue to Blue 5
Used in Callout Blocks
Typography
Merriweather
Jackdaws love my big sphinx of quartz. 1234567890
Merriweather should be used for all headings, and may be used for large display text.
Merriweather Sans
Jackdaws love my big sphinx of quartz. 1234567890
Merriweather Sans should be used for body copy, small print and navigational elements.
Small print and navigation should use Medium weight.
Body/paragraph text should use the Light weight. We are not using Regular weight. (Bold weight and Light or Bold Italic may be used for emphasis.)
Merriweather Sans may also be used for large display text (e.g. lead paragraphs and pull quotes) but should never be used for headings.