Brand Color Tool with Extended Palette
Active color evaluation
Drag and drop tiles to see what colors look like next to each other.
Best to grab the center of a tile when moving.
Color info for your palette
Click on a color sample above the info to reveal tint/shade slider and adjust that color.
Click the "Compare contrast" button for two colors to check contrast. Deselect a color by clicking an active compare contrast button in order to pick others.
Color contrast analysis for selected colors
University Policy 7215: Information Technology Accessibility requires digital and web accessibility standards to meet that of WCAG 2.0 Level AA. The WCAG success criteria for color contrast requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text, and a contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders). Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.
View and print Web-Digital contrast table for your palette
If you change a value you will need to close the popup window and click the link again.