Skip to content

Web Style Guide
Colors

Solid Orange! Clemson is fortunate today to have a color that is bright, distinctive and instantly recognizable as the Clemson brand. Our orange, along with purple and white form our primary colors.

Other colors have been added to reflect the diversity of the people, programs and needs while continuing to reflect a seamless brand image.

Clemson orange is one of our
most recognizable brand assets.

Main Brand Colors

A connected brand palette not only strengthens the way we tell the Clemson story; its iconic and enduring appeal communicates the value we place on hard work, our history and the optimistic lens through which we view our impact on the world. Additionally, correct use of the brand palette ensures accessibility and legibility on the web.

Clemson Orange
  • CMYK 0 74 88 0
  • RGB 245 102 0
  • Merchandise/Apparel PANTONE 165 C
  • WEB #F56600
  • CSS Background Class: cu-bg-or400
  • CSS Text Color Class: cu-text-or400
Goal Line
  • CMYK 0 0 0 0
  • RGB 255 255 255
  • PANTONE White
  • WEB #FFFFFF
  • CSS Background Class: cu-bg-wg100
  • CSS Text Color Class: cu-text-wg100
Regalia
  • CMYK 81 100 0 5
  • RGB 82 45 128
  • PANTONE 268 C
  • WEB #522D80
  • CSS Background Class: cu-bg-pur400
  • CSS Text Color Class: cu-text-pur400
College Avenue
  • CMYK 0 0 0 90
  • RGB 51 51 51
  • PANTONE Black C 90%
  • WEB #333333
  • CSS Background Class: cu-bg-cg600
  • CSS Text Color Class: cu-text-cg600
Diploma
  • CMYK 88 96 40 43
  • RGB 46 26 71
  • PANTONE 2695 C
  • WEB #2E1A47
  • CSS Background Class: cu-bg-pur600
  • CSS Text Color Class: cu-text-pur600

Secondary

Parchment
  • CMYK 5 13 32 0
  • RGB 239 219 178
  • PANTONE 7506 C
  • WEB #EFDBB2
  • CSS Background Class: cu-bg-neu600
  • CSS Text Color Class: cu-text-neu600
Campus Brick
  • CMYK 19 83 100 10
  • RGB 185 71 0
  • PANTONE 1525 C
  • WEB #B94700
  • CSS Background Class: cu-bg-or600
  • CSS Text Color Class: cu-text-or600
Bowman Field
  • CMYK 64 42 100 31
  • RGB 84 98 35
  • PANTONE 371 C
  • WEB #546223
  • CSS Background Class: cu-bg-gr600
  • CSS Text Color Class: cu-text-gr600
Blue Ridge
  • CMYK 100 52 1 0
  • RGB 0 94 184
  • PANTONE 300 C
  • WEB #005EB8
  • CSS Background Class: cu-bg-blu400
  • CSS Text Color Class: cu-text-blu400
State Flag
  • CMYK 99 79 33 24
  • RGB 0 32 91
  • PANTONE 281 C
  • WEB #00205B
  • CSS Background Class: cu-bg-blu600
  • CSS Text Color Class: cu-text-blu600
Stadium
  • CMYK 22 20 20 3
  • RGB 203 196 188
  • PANTONE Warm Gray 2 C
  • WEB #CBC4BC
  • CSS Background Class: cu-bg-wg500
  • CSS Text Color Class: cu-text-wg500
Howard's Rock
  • CMYK 42 37 38 18
  • RGB 140 130 121
  • PANTONE Warm Gray 8 C
  • WEB #8C8279
  • CSS Background Class: cu-bg-wg600
  • CSS Text Color Class: cu-text-wg600
Reflection
  • CMYK 24 17 14 2
  • RGB 200 201 199
  • PANTONE Cool Gray 3 C
  • WEB #C8C9C7
  • CSS Background Class: cu-bg-cg300
  • CSS Text Color Class: cu-text-cg300
Innovation
  • CMYK 47 33 29 14
  • RGB 136 139 141
  • PANTONE Cool Gray 8 C
  • WEB #888B8D
  • CSS Background Class: cu-bg-cg400
  • CSS Text Color Class: cu-text-cg400
Bengal Stripe
  • CMYK 0 0 0 100
  • RGB 16 16 16
  • PANTONE Black
  • WEB #000000
  • CSS Background Class: cu-bg-cg700
  • CSS Text Color Class: cu-text-cg700

Expanded Web Palette and class codes

Lighter tints of the color palette can be used on the web. For example, a lighter tint of orange may be desired as a background color. In that case, the background color has been defined in CSS with the following classes.

Orange Palette

or50

or100

or300

or400

or500

or600

or700

Purple Palette

pur50

pur100

pur300

pur400

pur500

pur600

pur700

Blue Palette

blu100

blu300

blu400

blu500

blu600

blu700

Green Palette

gr100

gr300

gr400

gr500

gr600

gr700

WG Palette

wg100

wg200

wg300

wg400

wg500

wg600

wg700

CG Palette

cg100

cg200

cg300

cg400

cg500

cg600

cg700

Neutral Palette

neu400

neu500

neu600

neu700

transparency backgrounds

Orange-600 color swatch used for example

or600-10

or600-20

or600-30

or600-40

or600-50

or600-60

or600-70

or600-75

or600-80

or600-90

or600-95

or600

Accessible use of color with examples

Following Web Content Accessibility Guidelines (WCAG), there must be sufficient contrast between foreground colors (text and graphics) and background colors to accommodate low vision and colorblind users on the Clemson website. All Clemson websites should meet WCAG AA color contrast standards of a minimum 3:1 color contrast ratio for text that is at least 24px and normal weight or 19px and bold and 4.5:1 color contrast ratio for text 19px normal weight and lower.

This text has enough contrast.

This text has enough contrast.

This text has enough contrast.

This text has enough contrast.

This text has enough contrast.

This text has enough contrast.

This text does not have enough contrast.

This text does not have enough contrast.

This text does not have enough contrast.

This text does not have enough contrast.

This text does not have enough contrast.

This text does not have enough contrast.