Skip to main content

Colors

Color distinguishes our brand and helps us create consistent experiences across products.

Primary Color Palette

NameBlue
TypePrimary
HEX#1573a6
CSS Variablevar(--primary)
Usage

Accent Color Palette

NameTeal
TypeAccent
HEX#168381
CSS Variablevar(--accent-1)
Usage
NameRoyal Blue
TypeAccent
HEX#2b2b5c
CSS Variablevar(--accent-2)
Usage
NameTan
TypeAccent
HEX#ede8de
CSS Variablevar(--accent-3)
Usage
NameDark Blue
TypeAccent
HEX#151538
CSS Variablevar(--accent-4)
Usage

Extended Color Palette

NameDark Gray
TypeShade
HEX#595353
CSS Variablevar(--dark-gray-1)
Usage
NameLight Gray
TypeShade
HEX#eaeaea
CSS Variablevar(--light-gray-1)
Usage
NameBlack
TypeShade
HEX#040404
CSS Variablevar(--black)
Usage

Color Crimes

Don't

Use unapproved colors.