Guidance
Color copy page link
Version 1.0.0
Color is a key element that helps distinguish our brand and create a consistent experience for users. Sunrise and charcoal are the primary colors for the brand and should be combined with plenty of white space for a clean, intuitive design. To maximize visual effectiveness, supporting colors should be paired with primary colors sparingly.
Primary colors
Sunrise should be used as the primary accent color and generally only occupy between 15-20% of an overall design. It should always be used at 100% and never screened back.
Charcoal can be screened into shades as defined below.
Sunrise
PMS 2010
- CMYK 0 35 100 0
- RGB 255 173 0
- HTML FFAD00
- FHI 15-1062
Charcoal
PMS 432
- CMYK 65 43 26 78
- RGB 51 63 72
- HTML 333F48
- FHI 19-4021
Supporting colors
Our supporting colors help keep things fresh. When adding a supporting color — start first with River — if additional colors are needed proceed to Boise Blue and then Treetop. Frost is generally used as a neutral tone or as a sixth color for charts and diagrams.
River
PMS 3135
- CMYK 100 0 20 0
- RGB 0 142 170
- HTML 008EAA
- FHI 17-4530
Boise Blue
PMS 2935
- CMYK 100 52 0 0
- RGB 0 87 184
- HTML 0057B8
- FHI 19-4045
Frost
PMS 428
- CMYK 10 4 4 14
- RGB 193 198 200
- HTML C1C6C8
- FHI 14-4102
Treetop
PMS 347
- CMYK 93 0 100 0
- RGB 0 154 68
- HTML 009A44
- FHI 17-6153
Shades
Charcoal and Frost are the only colors that can be screened back when used as a neutral design element.
Charcoal
PMS 432
- CMYK 65 43 26 78
- RGB 51 63 72
- HTML 333F48
80% Charcoal
PMS 431
- CMYK 63 45 34 25
- RGB 90 105 115
- HTML 5A6973
60% Charcoal
PMS 430
- CMYK 50 34 27 11
- RGB 123 133 139
- HTML 7B858B
40% Charcoal
PMS 429
- CMYK 38 27 27 0
- RGB 163 170 173
- HTML A3AAAD
20% Charcoal
PMS 427
- CMYK 18 12 13 0
- RGB 207 211 211
- HTML CFD3D3
5% Charcoal
PMS N/A
- CMYK 0 0 0 5
- RGB 242 242 242
- HTML F2F2F2
Red
Red is not part of the official color palette. It has a specific usage and should only be used to convey network failure, disconnectivity, and top-level alerts.
Red (alert only)
PMS 179
- CMYK 4 91 91 0
- RGB 230 60 47
- HTML E63E2F
February 28th, 2023