gray
#323334
Default text color.
This color is defined for <body>.
Branded Grays
#f5f5f5
#d9d9d6
#888b8d
#53565a
Faint Gray - used for background fills.
Light Gray
Medium Gray
Dark Gray
primary
#D50032
Primary color.
Only use this color for headline and non-clickable text.
#317897
Link color.
Only use this color for links and clickable text. Do not use this color for headlines or other pieces of static text.
- When displayed on the page, link text should have "text-decoration: none; and border-bottom: 1px solid #d9d9d6;"
- On hover, the border should change to "border-bottom: transparent"
error
#d3001a
Error messages.
Use this color for error messages, including input validation errors. May be used as normal body text, bold text or headline text.
warn
#d14600
Warning message headlines.
Use this color for warning message headlines or bold text. May not be used as normal body text, because there is not enough contrast against a white background at smaller font sizes.
success
#007c49
Success message headlines.
Use this color for success message headlines or bold text. May not be used as normal body text, because there is not enough contrast against a white background at smaller font sizes.
info
#317897
Info message headlines.
Use this color for info message headlines or bold text. May not be used as normal body text, because this color is reserved for links.
