Strategic Marketing and Branding

Colors

All the official hex values are available as CSS variables.


            color: var(--il-orange);
            border: 2px solid var(--il-blue);
        

Click to explore accessibility

  • #FF552E --il-orange

    Illini Orange

  • #DD3403 --il-altgeld

    Altgeld

  • #13294B --il-blue

    Illini Blue

  • #1E3877 --il-alma-mater

    Alma Mater

  • #4D69A0 --il-alma-mater-1
  • #849BC1 --il-alma-mater-2
  • #AFC7DB --il-alma-mater-3
  • #1D58A7 --il-industrial-blue

    Industrial Blue

  • #5783BC --il-industrial-blue-1
  • #90AED5 --il-industrial-blue-2
  • #CAD9EF --il-industrial-blue-3
  • #009FD4 --il-arches-blue

    Arches Blue

  • #7FC3E1 --il-arches-blue-1
  • #A6D7EB --il-arches-blue-2
  • #D2EBF5 --il-arches-blue-3
  • #F8FAFC --il-cloud

    Cloud

  • #E8E9EB --il-cloud-1
  • #DDDEDE --il-cloud-2
  • #D2D2D2 --il-cloud-3
  • #F5821E --il-heritage-orange

    Heritage Orange

  • #E56E15 --il-heritage-orange-1
  • #CE5E11 --il-heritage-orange-2
  • #B74D04 --il-heritage-orange-3

What's next?