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