Color

Guidelines

Color utilities are used to customize a design by changing the colors of an element. The following pillars are the foundation for how color should be used and applied on Syracuse University websites:

Communication Over Decoration

Use of color should adhere to Syracuse University brand standards as well as being purposeful, rational and supporting of the content.

Color Should Be Accessible

Run tests for correct color contrast when choosing color and never rely solely on color to convey information.

Color Should Focus Attention

The use of color should help bring attention to what matters most. Color should support the hierarchy of the page. Each use of primary Syracuse University Orange, for example, needs to be strategic and impactful.

Text Color Utilities

Background Color Utilities

These utilities can be used to apply a background color to elements. The naming convention is .background combined with any of our defined colors and tints, for example: .background-gray-light-60.