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 Red 032

  • CMYK 0 95 85 0
  • RGB 255 50 50
  • HTML ff3232
Last Update
April 17th, 2023

Quick jump