Color distinguishes our brand and helps us create consistent experiences across products.
Primary Color Palette
| Name | Blue |
|---|---|
| Type | Primary |
| HEX | #3a78fc |
| CSS Variable | var(--primary) |
| Usage | Used for links, buttons. |
Accent Color Palette
| Name | Orange |
|---|---|
| Type | Accent |
| HEX | #FF6F4B |
| CSS Variable | var(--accent-1) |
| Usage | Used for buttons. |
Extended Color Palette
| Name | Light Gray 1 |
|---|---|
| Type | Shade |
| HEX | #ececec |
| CSS Variable | var(--light-gray-1) |
| Usage |
| Name | Light Gray 2 |
|---|---|
| Type | Shade |
| HEX | #cfd2dc |
| CSS Variable | var(--light-gray-2) |
| Usage |
| Name | Black |
|---|---|
| Type | Shade |
| HEX | #2E3C57 |
| CSS Variable | var(--black) |
| Usage | Used for headings, general copy. |
Color Crimes
Don't
Use unapproved colors.