Skip to main content

Colors

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

Primary Color Palette

NameYellow
TypePrimary
HEX#f2b708
CSS Variablevar(--primary)
Usage

Accent Color Palette

NameYellow
TypeAccent
HEX#f2b708
CSS Variablevar(--accent-1)
UsageYellow is the primary and accent color.

Extended Color Palette

NameLight Gray 1
TypeShade
HEX#aeaeae
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.