Office of Strategic Marketing and Branding

Brand strategyBrand messagingDesignTools & resourcesAbout usBlog

Design

Color

A consistent, easily-identifiable color palette is a key ingredient for every major brand around the world.

Our Illini Orange and Illini Blue colors have been carefully chosen with accessibility (both for print and web) and differentiation in mind. While most non-designers in the world will simply see orange and blue, lots of testing, tweaking and strategic thought led to this specific palette.

The strategy for the new visual identity involves leaning more heavily into orange — the color that most differentiates us from competing universities.

Together, the combination of Illini Orange and Illini Blue should make up 75-85 percent visual prominence, in terms of color use on a given piece.

Illini Orange

PMS 2026C

CMYK 0/80/90/0

RGB 255/85/46

HEX #FF552E

  • Altgeld #DD3403

Illini Blue

PMS 2767

CMYK 100/90/10/50

RGB 19/41/75

HEX #13294B

The supporting palette of colors were chosen to work well with the primary Illini Orange and Illini Blue, without competing with them.

Supporting colors offer design flexibility and usability (especially on web applications), while maintaining an overall look that reads orange and blue. Using any colors other than the those chosen for the brand palette detracts from the brand consistency we need to establish.

Alma Mater

PMS 661C

CMYK 100/85/15/7

RGB 30/56/119

HEX #1E3877

  • #4D69A0
  • #849BC1
  • #AFC7DB

Industrial Blue

PMS 285C

CMYK 90/48/0/0

RGB 29/88/167

HEX #1D58A7

  • #5783BC
  • #90AED5
  • #CAD9EF

Arches Blue

PMS 298C

CMYK 70/5/2/0

RGB 0/159/212

HEX #009FD4

  • #7FC3E1
  • #A6D7EB
  • #D2EBF5

Cloud

PMS COOL GRAY 1C

CMYK 3/2/2/1

RGB 248/250/252

HEX #F8FAFC

  • #E8E9EB
  • #DDDEDE
  • #D2D2D2

Heritage Orange

PMS 715C

CMYK 0/57/94/00

RGB 245/130/30

HEX #F5821E

  • #E56E15
  • #CE5E11
  • #B74D04

Color accessibility on the web

Accessible content is not just “nice to have,” it is a baseline requirement for everything we create. We adhere to WCAG AA standards for all of our online communications.

To make choosing accessible colors easy, we have created this chart showing the accessible and non-accessible combinations of our primary and secondary color pallets as applied to large text (18pt and larger, 14pt bold and larger), small text (17.9pt and smaller, 13.9pt bold and smaller) and graphic elements.