Skip to main content

Colors

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

Primary Color Palette

NameBlue
TypePrimary
HEX#0099ff
CSS Variablevar(--primary)
Usage

Accent Color Palette

NameDark Blue 1
TypeAccent
HEX#048ae3
CSS Variablevar(--accent-1)
Usage
NameLight Blue
TypeAccent
HEX#eef7ff
CSS Variablevar(--accent-2)
Usage
NameDark Blue 2
TypeAccent
HEX#0195f9
CSS Variablevar(--accent-3)
Usage

Extended Color Palette

NameDark Gray
TypeShade
HEX#757575
CSS Variablevar(--dark-gray-1)
Usage
NameLight Gray 1
TypeShade
HEX#ddd
CSS Variablevar(--light-gray-1)
Usage
NameLight Gray 2
TypeShade
HEX#ededed
CSS Variablevar(--light-gray-2)
Usage
NameBlack
TypeShade
HEX#000
CSS Variablevar(--black)
Usage

Color Crimes

Don't

Use unapproved colors.