Skip to main content

Colors

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

Primary Color Palette

NameBlue
TypePrimary
HEX#496287
CSS Variablevar(--primary)
Usage

Accent Color Palette

NameGreen
TypeAccent
HEX#23572f
CSS Variablevar(--accent-2)
Usage
NameLight Blue 1
TypeAccent
HEX#49628733
CSS Variablevar(--accent-3)
Usage
NameLight Blue 2
TypeAccent
HEX#49628780
CSS Variablevar(--accent-4)
Usage

Extended Color Palette

NameDark Gray
TypeShade
HEX#848484
CSS Variablevar(--dark-gray-1)
Usage
NameLight Gray 1
TypeShade
HEX#c4c4c4
CSS Variablevar(--light-gray-1)
Usage
NameLight Gray 2
TypeShade
HEX#e5e5e5
CSS Variablevar(--light-gray-2)
Usage
NameBlack
TypeShade
HEX#3e3e3e
CSS Variablevar(--black)
Usage

Color Crimes

Don't

Use unapproved colors.