Skip to main content

Color

These are the “go to” colors when designing or building communications for Western’s audiences.

Main Colors

These should be the most prominent colors in a design, comprising about 90% of the visual space.

Dark Blue

~20% of design

CMYK(100, 58, 0, 21)

rgb(0, 63, 135)

#003F87

CSS: var(--dark-blue)

Light Blue

~20% of design

CMYK(85, 24, 0, 0)

rgb(0, 122, 200)

#007AC8

CSS: var(--blue)

White

~50% of design

rgb(255, 255, 255)

#FFFFFF

CSS: var(--white)

Accent Colors

The remaining 10% of the design should be composed of accent colors, with light green being the dominant accent color in most cases.

Light Green

 CMYK(29, 0, 100, 0) ·

 rgb(186, 216, 10) ·

 #BAD80A ·

 CSS: var(--light-green)

Dark Green

CMYK(100, 0, 95, 55)

rgb(0, 107, 63)

#006B3F

CSS: var(--dark-green)

Yellow

CMYK(0, 22, 88, 0)

rgb(255, 198, 30)

#FFC61E

CSS: var(--yellow)

Red

CMYK(0, 78, 78, 20)

rgb(204, 45, 48)

#CC2D30

CSS: var(--red)

Black

CMYK(20, 9, 0, 86)

rgb(28, 32, 35)

#1C2023

CSS: var(--black)

Gray

CMYK(24, 10, 0, 47)


rgb(102, 121, 134)

#667986

CSS: var(--gray)

Tints & Shades

In addition to the base colors, use of the following tints and shades is also acceptable. Tints and shades should be used in similar proportion to accent colors, comprising about 10% or less of the overall design.

Shades of Dark Blue

Any amount of black added to the base dark blue.

Tints of Light Blue

Any amount of white added to the base blue. Watch out for text contrast!

Black, Gray, and White

Any shade or tint on the spectrum between the brand black and white, with the brand gray as an intermediate value

Notes for Print Colors

Because of changes in Pantone color processing over time, in general it is preferable to reference the CMYK values when creating designs for print. If needed, the original Pantone values for the brand colors are referenced here.

Pantone Values
ColorPantone
Dark Blue294
Blue2925
Light Green382
Dark Green394
Yellow123
Red1797