Color is an important tool for creating visual brand consistency. Primary, secondary and accent palettes have been identified for use in all applications. The consistent use of these colors will infuse communications materials with a stronger sense of the James Madison University’s brand identity.

RGB Colors

(For web, video, social media, etc)

colors-web.png

Web Color Rules

  • Never put Purple with Marigold
  • Never use tints of the Red or Marigold accent colors
  • Red is only used for inline icons, warnings, link hover, etc.
  • Blue and Green may be used as background color border banner
  • Never combine Purple or Gold with Green, Blue, or Marigold
  • Never use Red or Marigold as a background color

Web Color Balance
The overall ratio of color on a page should be about:

  • 60% White space and grey
  • 30% Brand Colors
  • 10% Secondary Colors
  • 5% Accent Colors

HEX Codes (for copy/paste)

  • JMU Purple: #450084
  • Mid Purple: #B599CE
  • Light Purple: #DACCE6
  • JMU Gold: #CBB677
  • Dark Gold: #AD9C65
  • Light Gold: #F4EFE1
  • Slate: #333333
  • Dark Gray: #595959
  • Gray: #B2B2B2
  • Light Gray: #D6D6D6
  • Green: #5F791C
  • Bright Green: #ADCC23
  • Pale Green: #DEEBA7
  • Blue: #3C738B
  • Bright Blue: #5498B6
  • Pale Blue: #D2EBF5
  • Red: #A4232B
  • Marigold: #FFBD00

CMYK Colors

(For print)

colors-print.png

Print Color Rules

  • Marigold should only be used on Advancement projects (fundraising/Campaign/scholarships)

PMS Colors

When spot colors are requested or required, the Pantone Matching System (PMS) colors are to be used.

CMYK Colors

Process colors (CMYK) can reproduce the Pantone colors closely, although not identically, by specifying the percentages of the four separations that make up the color.

Web text and background color combinations (HEX values)

These combinations are approved, do not use combinations that are not shown here because of contrast issues and legibility.

Background colors with text color #33333

#AD9C65
#CBB677
#F4EFE1
#B2B2B2
#D6D6D6
#B599CE 
#DACCE6
#ADCC23
#DEEBA7
#D2EBF5
#FFBD00

Background colors with text color #450084

#AD9C65
#CBB677
#DFD2AA
#EAE1C6
#F4EFE1
#DACCE6
#D6D6D6

Background colors with text color #FFFFFF

#450084
#333333
#595959
#3C738B
#5F791C

Background colors with text color #595959

#DACCE6
#F4EFE1
#B2B2B2*
#D6D6D6

* Only with "Large Text". Large text is defined as 18.66px and bold or larger, or typically 24px or larger.

Text colors on background color white (#FFFFFF)

#450084
#333333
#595959
#3C738B
#5F791C

Background colors with text color #CBB677

#333333

H2 & H3 only: background colors with text color #FFFFFF

#5498B6

H2 & H3 only: text colors on background color white (#FFFFFF)

#5498B6

Back to Top