Color System
Ranges of brand, semantic, and neutral colors
Brand Color Palette
Primary
HEX: #003161
RGB: 0, 49, 97
CMYK: 100, 49, 0, 62
Secondary
HEX: #——
RGB: ——
CMYK: Not set
Accent
HEX: #——
RGB: ——
CMYK: Not set
Neutral
HEX: #——
RGB: ——
CMYK: Not set
Color System
| Primary | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
| Secondary | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
| Neutral | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
Brand Color Usage
Background:
Base
Content:
Primary Color
Background:
Primary Color
Content:
Primary Content
Background:
Primary Focus
Content:
Primary Content
Background:
Primary Dark
Content:
Primary Content
Background:
Primary Container
Content:
Primary Dark
Background:
Base
Content:
Secondary Color
Background:
Secondary Color
Content:
Secondary Content
Background:
Secondary Focus
Content:
Secondary Content
Background:
Secondary Dark
Content:
Secondary Content
Background:
Secondary Container
Content:
Secondary Dark
Background:
Base
Content:
Neutral Color
Background:
Neutral Color
Content:
Neutral Content
Background:
Neutral Focus
Content:
Neutral Content
Background:
Neutral Dark
Content:
Neutral Content
Background:
Neutral Container
Content:
Neutral Dark
Semantic / Alert Colors
Background:
Base
Content:
Info Color
Background:
Info Color
Content:
Info Content
Background:
Info Focus
Content:
Info Content
Background:
Info Dark
Content:
Info Content
Background:
Info Container
Content:
Info Dark
Background:
Base
Content:
Success Color
Background:
Success Color
Content:
Success Content
Background:
Success Focus
Content:
Success Content
Background:
Success Dark
Content:
Success Content
Background:
Success Container
Content:
Success Dark
Background:
Base
Content:
Warning Color
Background:
Warning Color
Content:
Warning Content
Background:
Warning Focus
Content:
Warning Content
Background:
Warning Dark
Content:
Warning Content
Background:
Warning Container
Content:
Warning Dark
Background:
Base
Content:
Danger Color
Background:
Danger Color
Content:
Danger Content
Background:
Danger Focus
Content:
Danger Content
Background:
Danger Dark
Content:
Danger Content
Background:
Danger Container
Content:
Danger Dark