Colors
Last updated
Last updated
Color plays a significant role in our brand. The following values represent our core palette. These are used most often in the system and should be relied on when the color palette must be limited. Each of our colors is named for ideas that represent trust and accessibility.
Patina Green, Forest Green, and Sky Blue should be used most frequently as the primary brand colors, with the remaining values being used as support.
The Grants color system is based on the design token system in USWDS. Each color family has 7-8 grades.
Pairing colors together can be complex. Always consider the application, information, and audience when selecting values. Higher contrast combinations make information clearer, while lower contrast combinations can be helpful for graphic elements.
Color contrast is crucial to legibility and accessibility in type. Always be sure there is enough contrast between the type and background. In most situations, type should be used in Gray or White, with color being used to create emphasis.
Do not diminish the value of color in the brand. Avoid the following uses.
Do not use unapproved colors.
Do not use gradients.
Do not use low-contrast combinations.
Do not use only accent color combinations.