Please change colors only when absolutely necessary (such as when adding multiple buttons). To ensure consistency throughout the site, you’ll want to leave elements (such as headers) with the colors as originally designed.
When applying colors from the site palette, follow the guide below to ensure proper color contrast is met. These color combinations pass WCAG 2.0 AA minimum contrast guidelines. Each color combination below may be used as shown and in reverse (for example, base color on the contrast color or contrast color on the base.)
Base (White, #FFFFFF)
Base
Contrast
Base
Contrast 2
Base
Contrast 3
Base
Alert Red
(For special alert bar only)
Base 2 (Light Gray, #EFEFEF)
Base 2
Contrast
Base 2
Contrast 2
Base 2
Contrast 3
Contrast (Black, #000000)
Contrast
Base
Contrast
Base 2
Contrast
Accent
Contrast
Accent 2
Contrast 2 (Medium Blue, #2D72BD)
Contrast 2
Base
Contrast 2
Base 2
Contrast 2
Accent 2
(Large/bold text ONLY)
Contrast 3 (Dark Blue, #002D5B)
Contrast 3
Base
Contrast 3
Base 2
Contrast 3
Accent
Contrast 3
Accent 2