Brand Guidelines

Color

Accessibility:

All colors were tested for contrast against the following background colors: White, pearled-earth, mercury.

If noted “All” fail or pass, all refers to the element type: large text, regular text and UI elements.

For example:

White Fail All

means the evaluated color fails for all element types on white background.

Primary Palette

A
Fail
A
Fail
A
Pass
A
Pass
Name green
Hex #238740 RGB 35, 135, 64
Accessibility
White Pass All
Pearled-earth Fail All
Mercury Pass Large Text, UI
A
Fail
A
Fail
A
Pass
A
Pass
Name Indigo
Hex #0841B0 RGB 8, 65, 176
Accessibility
White Pass All
Pearled-earth Fail All
Mercury Pass All
A
Fail
A
Fail
A
Pass
A
Pass
Name pearled-earth
Hex #464048 RGB 70, 64, 72
Accessibility
White Pass All
Pearled-earth Fail All
Mercury Pass All
A
Pass
A
Pass
A
Fail
A
Fail
Name white-lies
Hex #ffffff RGB 255, 255, 255
Accessibility
White Fail All
Pearled-earth Pass All
Mercury Fail All
A
Pass
A
Pass
A
Fail
A
Fail
Name mercury
Hex #EEF0F2 RGB 238, 240, 242
Accessibility
White Fail All
Pearled-earth Pass All
Mercury Fail All

Secondary Palette

A
Fail
A
Fail
A
Pass
A
Fail
Name red
Hex #EF4836 RGB 239, 72, 54
Accessibility
White Pass Large Text, UI
Pearled-earth Fail All
Mercury Pass Large Text, UI
A
Pass
A
Pass
A
Fail
A
Fail
Name Yellow
Hex #F9BF3B RGB 249, 191, 59
Accessibility
White Fail All
Pearled-earth Pass All
Mercury Fail All
A
Fail
A
Fail
A
Pass
A
Pass
Name brown
Hex #855007 RGB 133, 80, 70
Accessibility
White Pass All
Pearled-earth Fail All
Mercury Pass All

Neutral Color Palette

A
Fail
A
Fail
A
Pass
A
Pass
Name grey-100
Hex #000000 RGB 0, 0, 0
Accessibility
White Pass All
Pearled-earth Fail All
Mercury Pass All
A
Fail
A
Fail
A
Pass
A
Fail
Name gey-70, pearled-earth
Hex #464048 RGB 70, 64, 72
Accessibility
White Pass All
Pearled-earth Fail All
Mercury Pass All
A
Fail
A
Fail
A
Pass
A
Pass
Name grey-55
Hex #737373 RGB 115, 115, 115
Accessibility
White Pass All
Pearled-earth Fail All
Mercury Pass Large Text, UI
A
Fail
A
Fail
A
Pass
A
Fail
Name grey-45
Hex #8C8C8C RGB 140, 140, 140
Accessibility
White Pass Large Text, UI
Pearled-earth Fail All
Mercury Fail All
A
Fail
A
Fail
A
Pass
A
Pass
Name grey-40
Hex #949494 RGB 148, 148, 148
Accessibility
White Pass Large Text, UI
Pearled-earth Pass Large Text, UI
Mercury Fail All
A
Pass
A
Fail
A
Fail
A
Fail
Name grey-15
Hex #D6D6D6 RGB 214, 214, 214
Accessibility
White Fail All
Pearled-earth Pass All
Mercury Fail All
A
Pass
A
Pass
A
Fail
A
Fail
Name grey-5, mercury
Hex #EEF0F2 RGB 238, 240, 242
Accessibility
White Fail All
Pearled-earth Pass All
Mercury Fail All
A
Pass
A
Pass
A
Fail
A
Fail
Name grey-0
Hex #F7FAF9 RGB 247, 250, 249
Accessibility
White Fail All
Pearled-earth Pass All
Mercury Fail All

Extended Palette

Name green-80
Hex: #085723 RGB: 8, 87, 35
White
Pass All
Pearled-earth
Fail All
Mercury
Pass All
Name green-60
Hex: #238740 RGB: 35, 135, 64
White
Pass All
Pearled-earth
Fail All
Mercury
Pass Large Text, UI
Name green-40
Hex: #35A754 RGB: 53, 167, 84
White
Fail Large Text, UI
Pearled-earth
Pass Large Text, UI
Mercury
Fail All
Name green-20
Hex: #9CD2A8 RGB: 156, 210, 168
White
Fail All
Pearled-earth
Pass All
Mercury
Fail All
Name green-10
Hex: #E6F4E9 RGB: 230, 244, 233
White
Fail All
Pearled-earth
Pass All
Mercury
Fail All
A
Fail
A
Fail
A
Pass
A
Pass
Name indigo-80
Hex: #002A7E RGB: 0, 42, 126
White
Pass All
Pearled-earth
Fail All
Mercury
Pass All
A
Fail
A
Fail
A
Pass
A
Pass
Name indigo-60
Hex: #0841B0 RGB: 8, 65, 176
White
Pass All
Pearled-earth
Fail All
Mercury
Pass All
A
Pass
A
Pass
A
Fail
A
Fail
Name indigo-40
Hex: #5E82CC RGB: 94, 130, 204
White
Pass Large Text, UI
Pearled-earth
Fail All
Mercury
Pass Large Text, UI
A
Pass
A
Pass
A
Fail
A
Fail
Name indigo-20
Hex: #B5C5E6 RGB: 181, 197, 230
White
Fail All
Pearled-earth
Pass All
Mercury
Fail All
A
Pass
A
Pass
A
Fail
A
Fail
Name indigo-10
Hex: #E2E6F1 RGB: 226, 230, 241
White
Fail All
Pearled-earth
Pass All
Mercury
Fail All
A
Fail
A
Fail
A
Pass
A
Pass
Name red-80
Hex: #CF1500 RGB: 207, 21, 0
White
Pass All
Pearled-earth
Fail All
Mercury
Pass All
A
Fail
A
Fail
A
Pass
A
Pass
Name red-60
Hex: #EF4836 RGB: 239, 72, 54
White
Pass Large Text, UI
Pearled-earth
Fail All
Mercury
Pass Large Text, UI
A
Pass
A
Fail
A
Fail
A
Fail
Name red-40
Hex: #F4887C RGB: 244, 136, 124
White
Pass Large Text, UI
Pearled-earth
Pass Large Text, UI
Mercury
Fail Large Text, UI
A
Pass
A
Pass
A
Fail
A
Fail
Name red-20
Hex: #FAC7C3 RGB: 250, 199, 195
White
Fail All
Pearled-earth
Pass All
Mercury
Fail All
A
Pass
A
Pass
A
Fail
A
Fail
Name red-10
Hex: #F9E7E5 RGB: 249, 231, 229
White
Fail All
Pearled-earth
Pass All
Mercury
Fail All
A
Pass
A
Fail
A
Fail
A
Fail
Name yellow-80
Hex: #DA9700 RGB: 218, 251, 0
White
Fail All
Pearled-earth
Pass Large Text, UI
Mercury
Fail All
A
Pass
A
Pass
A
Fail
A
Fail
Name yellow-60
Hex: #F9BF3B RGB: 249, 191, 59
White
Fail All
Pearled-earth
Pass All
Mercury
Fail All
A
Pass
A
Pass
A
Fail
A
Fail
Name yellow-40
Hex: #FAD47F RGB: 250, 212, 127
White
Fail All
Pearled-earth
Pass All
Mercury
Fail All
A
Pass
A
Pass
A
Fail
A
Fail
Name yellow-20
Hex: #FCEBC0 RGB: 252, 235, 192
White
Fail All
Pearled-earth
Pass All
Mercury
Fail All
A
Pass
A
Pass
A
Fail
A
Fail
Name yellow-10
Hex: #FBF5E5 RGB: 251, 245, 229
White
Fail All
Pearled-earth
Pass All
Mercury
Fail All
A
Fail
A
Fail
A
Pass
A
Pass
Name brown-80
Hex: #512F00 RGB: 81, 47, 0
White
Pass All
Pearled-earth
Fail All
Mercury
Pass All
A
Fail
A
Fail
A
Pass
A
Pass
Name brown-60
Hex: #855007 RGB: 133, 80, 7
White
Pass All
Pearled-earth
Fail All
Mercury
Pass All
A
Pass
A
Fail
A
Pass
A
Fail
Name brown-40
Hex: #AF8D5D RGB: 175, 141, 93
White
Pass Large Text, UI
Pearled-earth
Pass Large Text, UI
Mercury
Fail All
A
Pass
A
Pass
A
Fail
A
Fail
Name brown-20
Hex: #E6CCA7 RGB: 230, 204, 167
White
Fail All
Pearled-earth
Pass All
Mercury
Fail All
A
Pass
A
Pass
A
Fail
A
Fail
Name brown-10
Hex: #F3E2D2 RGB: 243, 226, 210
White
Fail All
Pearled-earth
Pass All
Mercury
Fail All
NEXT UP Brand Guidelines: Typography