Colors

Orange was adopted as the University color in 1890. Syracuse University was the first school to adopt a single official color.

A group of Syracuse fans in vibrant orange clothing cheer on the team

Our color palette helps express Syracuse University’s distinct personality and pride. Therefore, it’s important to use only these colors to create a consistent and powerful visual identity for the University as a whole.

Orange and blue are our primary University colors, with Syracuse University Orange playing the most dominant role in our identity and community. For added flexibility and vibrancy, our secondary palette offers complementary shades of orange and blue, which can add dimension or be used as accents. All of our primary colors are suitable for headlines, subheadlines and other large, display-sized copy.

Our primary blue and dark gray are both acceptable for body copy. For web accessibility compliance, the default color for hyperlinks should be dark orange. For normal web text sizes (WCAG 2.0 AA defines normal web text as 18.66px or smaller.) or other screen-based applications—dark orange, primary blue or dark gray should be used.

All color values have been updated to optimize how they appear in—and ensure consistency across— various environments.

Color Palette

Primary Colors

  • Syracuse University Orange

    • Screen
      HEX
      #F76900
      RGB
      247/105/0
    • Print
      PMS
      158C
      CMYK
      0/62/95/0
  • White

    • Screen
      HEX
      #FFFFFF
      RGB
      255/255/255
    • Print
      CMYK
      0/0/0/0
  • Primary Blue

    • Screen
      HEX
      #000E54
      RGB
      0/14/84
    • Print
      PMS
      281C
      CMYK
      100/85/5/36

Secondary Colors

  • Medium Orange

    • Screen
      HEX
      #FF431B
      RGB
      255/67/27
    • Print
      PMS
      2028C
      CMYK
      0/84/98/0
  • Light Orange

    • Screen
      HEX
      #FF8E00
      RGB
      255/142/0
    • Print
      PMS
      130C
      CMYK
      0/32/100/0
  • Medium Blue

    • Screen
      HEX
      #203299
      RGB
      32/50/153
    • Print
      PMS
      2728C
      CMYK
      90/68/0/0
  • Light Blue

    • Screen
      HEX
      #2B72D7
      RGB
      43/114/215
    • Print
      PMS
      2915C
      CMYK
      60/9/0/0
  • Black

    • Screen
      HEX
      #000000
      RGB
      0/0/0
    • Print
      CMYK
      0/0/0/100
  • Medium Gray

    • Screen
      HEX
      #707780
      RGB
      112/119/128
    • Print
      PMS
      Cool Gray 9 C
      CMYK
      30/22/17/57
  • Light Gray

    • Screen
      HEX
      #ADB3B8
      RGB
      173/179/184
    • Print
      PMS
      Cool Gray 7 C
      CMYK
      8/2/0/30

Special Use Colors

  • Dark Gray

    • Screen
      HEX
      #404040
      RGB
      64/64/64
    • Print
      CMYK
      0/0/0/90
  • Dark Orange

    • Screen
      HEX
      #D74100
      RGB
      215/65/0
    • Print
      PMS
      1665C
      CMYK
      10/88/100/2

Usage

We’ve provided a ZIP archive containing .ase files that can easily import these swatches into Illustrator or Photoshop:

  • PMS or CMYK color values must be used in projects destined for print (e.g. magazines, posters, or stationery).
  • HEX or RGB color values must be used in projects that will be displayed on a screen (e.g. websites or PowerPoint presentations).

Screen Accessibility

At Syracuse University, we have and always will be actively shaping an education and environment that’s innovative, impactful and inclusive.

When designing and developing our expressions and experiences, we consider the distinct perspectives and needs of all. Below are approved color combinations that meet our accessibility standards (WCAG 2.0 AA). When choosing typography and background colors, always promote visibility and legibility by ensuring sufficient contrast. Font sizes and weights also play a crucial role, which is why we’ve provided minimums for each color combination.

Primary Colors—Large web text sizing
(WCAG 2.0 AA defines large web text as 18.66px or larger and bold weight, or 24px or larger.)

SU Orange on white

Text: #F76900
Background: #FFFFFF

White on SU Orange

Text: #FFFFFF
Background: #F76900

Primary Colors—Normal web text sizing
(WCAG 2.0 AA defines normal web text as 18.66px or smaller.)

Normal web text sizing

Text: #000E54
Background: #FFFFFF

Primary blue on Syracuse University Orange

Text: #000E54
Background: #F76900

White on Primary Blue

Text: #FFFFFF
Background: #000E54

Syracuse University Orange on Primary Blue

Text: #F76900
Background: #000E54

Secondary Colors—Normal web text sizing
(WCAG 2.0 AA defines normal web text as 18.66px or smaller.)

Primary blue on light orange

Text: #000E54
Background: #FF8E00

Medium orange on primary blue

Text: #FF431B
Background: #000E54

Light orange on primary blue

Text: #FF8E00
Background: #000E54

White on light blue

Text: #FFFFFF
Background: #2B72D7

Primary blue on medium orange

Text: #000E54
Background: #FF431B

White on medium blue

Text: #FFFFFF
Background: #203299

To test your design’s accessibility, we suggest proofing color pairs (text color versus background color) using a contrast calculator. A contrast ratio of 4.5:1 (Level AA of WCAG 2.0) is required for text.

Adobe Photoshop’s color blindness filters can also be helpful when evaluating your page designs prior to development.

 

SaveSave