Skip to main content

Colors

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

Primary Color Palette

NameRed
TypePrimary
HEX#db4226
CSS Variablevar(--primary)
Usage

Accent Color Palette

NameDark Purple
TypeAccent
HEX#414042
CSS Variablevar(--accent-1)
Usage

Extended Color Palette

NameLight Gray 1
TypeShade
HEX#dcdcdc
CSS Variablevar(--light-gray-1)
Usage
NameLight Gray 2
TypeShade
HEX#f6f6f6
CSS Variablevar(--light-gray-2)
Usage
NameBlack
TypeShade
HEX#000
CSS Variablevar(--Black)
Usage

Color Crimes

Don't

Use unapproved colors.