The styles in the resource use the University of Utah's recommended colors, but they are all customizable. By simply changing the color's hex code (for example, #000000 for black), you can create styles with nearly any color you want. We recommend using a consistent color palette, using colors that align with the University of Utah's style guide, and checking contrast to make sure people with low vision or color blindness can still understand the content. For more information about how to use the colors, please see the University of Utah's Brand Book, which is linked in the Resources section below.
University of Utah's Colors
The following tables provide several palettes containing colors used frequently on The University of Utah's websites.
Table 1: Primary University Core Colors
| Color Hex Code | Color Name |
|---|---|
| #BE0000 | Utah Red |
| #000000 | Black |
| #FFFFFF | White |
Table 2: Accent Colors
| Color Hex Code | Color Name |
|---|---|
| #708E99 | Granite Peak |
| #FFB81D | Wasatch Sunrise |
| #890000 | Red Rocks |
| #6CC24A | Mountain Green |
| #3ABFC0 | Great Salt Lake |
| #E2E6E6 | Salt Flat Grey |
| #707272 | Zion Cinder Cone |
Best Practice: Use Good Color Contrast
Remember, not everyone sees color the same so don't use color alone to convey information. And since not everyone has perfect eyesight, check the color contrast by using the built-in Canvas accessibility checker tool. The contrast ratio between foreground and background text, as well as between elements in a graph, should be at least 4.5:1.
Resources
- University of Utah's Brand Book - Here you will find more information about the University of Utah's brand colors and how to use them.
0 Comments
Add your comment