Color distinguishes our brand and helps us create consistent experiences across products.
Primary Color Palette
Name | Red |
---|---|
Type | Primary |
HEX | #db4226 |
CSS Variable | var(--primary) |
Usage |
Accent Color Palette
Name | Dark Purple |
---|---|
Type | Accent |
HEX | #414042 |
CSS Variable | var(--accent-1) |
Usage |
Extended Color Palette
Name | Light Gray 1 |
---|---|
Type | Shade |
HEX | #dcdcdc |
CSS Variable | var(--light-gray-1) |
Usage |
Name | Light Gray 2 |
---|---|
Type | Shade |
HEX | #f6f6f6 |
CSS Variable | var(--light-gray-2) |
Usage |
Name | Black |
---|---|
Type | Shade |
HEX | #000 |
CSS Variable | var(--Black) |
Usage |
Color Crimes
Don't
Use unapproved colors.