Choosing the appropriate foreground and background color combination is necessary to meet color accessibility requirements and support access for individuals with disabilities.
Interactive Color Chart Tool
The Stanford Identity Guide identifies multiple color options for communicating a recognizable Stanford message, Use the interactive color chat tool below to choose a foreground and background color from Stanford’s color palette. You can also enter your own custom background color in HEX format (#000000) if the color is not in the menus. The tool will help you evaluate color combinations in order to meet the minimum threshold for accessibility.
Other Tools
If you’re designing content that requires colors outside of the existing Stanford color palette, there are other tools that allow you to evaluate the contrast of any two color combinations:
- WebAIM: Contrast Checker
- Color Contrast Accessibility Validator
- TPGi: Color Contrast Checker (for Windows and macOS)
