Color
Brand Colors
These are the “go to” colors when designing or building communications for Western’s audiences. They should be the most prominent color in designs.
Dark Blue
Pantone 294
CMYK(100, 58, 0, 21)
#003f87
rgba(0, 63, 135, 1)
CSS: var(--dark-blue)
Blue
Pantone 2925
CMYK(85, 24, 0, 0)
#007ac8
rgba(0, 122, 200, 1)
CSS: var(--blue)
Dark Green
Pantone 349
CMYK(100, 0, 95, 55)
#006b3f
rgba(0, 107, 63, 1)
CSS: var(--dark-green)
Green
Pantone 364 C
CMYK(43, 0, 77, 36)
#4A821E
rgba(93, 162, 37, 1)
CSS: var(--green)
Light Green
Pantone 382
CMYK(29, 0, 100, 0)
#bad80a
rgba(186, 216, 10, 1)
CSS: var(--light-green)
Neutral Colors
These are the neutral tones that are complementary to the brand colors.
Black
CMYK(20, 9, 0, 86)
#1c2023
rgba(28, 32, 35, 1)
CSS: var(--black)
Gray
CMYK(24, 10, 0, 47)
#667986
rgba(102, 121, 134, 1)
CSS: var(--gray)
White
CMYK(0, 0, 0, 0)
#ffffff
rgba(255, 255, 255, 1)
CSS: var(--white)
Special Use Colors
Use of these colors should be limited to warnings, cautions, alerts, and other cases where special attention is needed. They can also be used sparingly as secondary or accent colors.
Red
CMYK(0, 78, 78, 20)
#cc2d30
rgba(204, 45, 48, 1)
CSS: var(--red)
Yellow
CMYK(0, 22, 88, 0)
#ffc61e
rgba(255, 198, 30, 1)
CSS: var(--yellow)
Brand Tints & Shades
You may also use tints and shades of the brand colors and gray. These should be used as accent colors only, when one more more of the brand colors are also in use as the most prominent color(s). The tints and shades shown here are in 20% increments for web use, but you are not limited to these options for print. Any tint or shade of a brand or neutral (mixing pure white or black) is acceptable for print. See variables if using these colors with CSS.
80%
60%
40%
20%
Dark Blue
20%
40%
60%
80%
80%
60%
40%
20%
Blue
20%
40%
60%
80%
80%
60%
40%
20%
Dark Green
20%
40%
60%
80%
80%
60%
40%
20%
Green
20%
40%
60%
80%
80%
60%
40%
20%
Light Green
20%
40%
60%
80%
80%
60%
40%
20%
Gray
20%
40%
60%
80%