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

Name Violet Blue
Hex #1B4ABC RGB 27, 74, 188
Accessibility
White: Pass
Grey-White: Pass
Charcoal: Fail
Name Sea Green
Hex #238740 RGB 35, 135, 64
Accessibility
White: Pass
Grey-White: Pass Large text, UI
Charcoal: Fail
Name Teal
Hex #00798A RGB 0, 121, 138
Accessibility
White: Pass
Grey-White: Pass Large text, UI
Charcoal: Fail
Name Emerald
Hex #5AD67F RGB 90, 214, 127
Accessibility
White: Fail
Grey-White: Fail
Charcoal: Pass

Gradients

Gradients are primarily used for backgrounds. The “BG” and “Alt” gradients are for full-page backgrounds, whereas “Icon” gradients are for icon boxes.

MAIN BG
ICON ICON ALT
GREY BG
ICON ICON ALT

Secondary Palette

Name Orange
Hex #FFAB40 RGB 255, 171, 64
Accessibility
White: Fail
Grey-White: Fail
Charcoal: Pass
Name Red
Hex #E06666 RGB 224, 102, 102
Accessibility
White Pass Large Text, UI
Grey-White: Fail
Mercury Pass Large Text, UI
Name Azure
Hex #4285F4 RGB 66, 133, 244
Accessibility
White: Pass Large Text, UI
Grey-White: Pass Large Text, UI
Charcoal: Fail
Name Periwinkle
Hex #CAD7F7 RGB 202, 215, 247
Accessibility
White: Fail
Grey-White: Fail
Charcoal: Pass

Neutral Colors

Name Air Force Blue
Hex #758EA0 RGB 117, 142, 160
Accessibility
White: Fail
Grey-White: Fail
Charcoal: Pass Large Text, UI
Name Platinum
Hex #D1D8DE RGB 209, 216, 222
Accessibility
White: Fail
Grey-White: Fail
Charcoal: Pass Large Text, UI
Name Grey White
Hex #EEF0F2 RGB 238, 240, 242
Accessibility
White: Fail
Grey-White: Fail
Charcoal: Pass Large Text, UI
Name Charcoal
Hex #32404A RGB 50, 64, 74
Accessibility
White: Pass
Grey-White: Pass
Charcoal: Fail
NEXT UP Brand Guidelines: Typography