Palette
Primary Colors
#f89728#1c69b3#bf5712#144f88#3b3b3b#ffffffGray Colors
#f7f7f7#f3f3f3#ebebeb#d3d3d3#cfcfcf#767676Special Case Colors
#ef426f#a6307f#533257#45c4dc#0046ad#018f76#f1af4bText Accessibility
WCAG (Web Content Accessibility Guidelines) ensure that content is accessible by everyone, regardless of disability or user device. To meet these standards, text and interactive elements should have a color contrast ratio of at least 4.5:1.. This ensures that viewers who cannot see the full color spectrum are able to read the text.
The options below offer color palette combinations that fall within the range of Section 508 compliant foreground/background color contrast ratios. To ensure that text remains accessible, use only these permitted color combinations.
If you choose to customize beyond this palette and combinations, the Web AIM color contrast checker tool is a useful resource for testing the compliance of any color combination.
Compliant Color Combinations
Example Text background:
#ffffff foreground: #3b3b3bExample Text background:
#f7f7f7 foreground: #3b3b3bExample Text background:
#f3f3f3 foreground: #3b3b3bExample Text background:
#ebebeb foreground: #3b3b3bExample Text background:
#ffffff foreground: #1c69b3Example Text background:
#f7f7f7 foreground: #1c69b3Example Text background:
#f3f3f3 foreground: #1c69b3Example Text background:
#1c69b3 foreground: #ffffffExample Text background:
#144f88 foreground: #ffffffExample Text background:
#ffffff foreground: #bf5712Example Text background:
#f89728 foreground: #3b3b3b