Colors

At Weber, we all bleed purple. Let’s make sure it’s the correct purple. Use these CSS color classes to style your pages.

Text Color Class Names:    primary-color   |   secondary-color   |   alert-color   |   success-color   |   warning-color   |   info-color
Background Color Class Names:    primary-bg   |   secondary-bg   |   alert-bg   |   success-bg   |   warning-bg   |   info-bg
 

Primary Colors

  • color-1
    bg-color-1
    Wildcat Purple
  • color-2
    bg-color-2
    University Gray

However, nobody can be all purple, all the time. Our WSU palette includes additional colors that complement Weber purple and work well with each other.

Supporting Values

  • color-23
    bg-color-23
    Wildcat Paw
  • color-24
    bg-color-24
    Waldo's Den

Complementary Purples

  • color-3
    bg-color-3
    Purple Rush
  • color-4
    bg-color-4
    Grape Juice
  • color-5
    bg-color-5
    Frosted Thistle
  • color-6
    bg-color-6
    Soft Lavender
  • color-19
    bg-color-19
    Lovely Lilac
  • color-20
    bg-color-20
    Bee Balm
  • color-21
    bg-color-21
    Purple Cloud
  • color-22
    bg-color-22
    Snow Drift

Tip: Avoid using secondary color combinations associated with other colleges and universities in Utah and surrounding states.

Secondary Colors

  • color-25
    bg-color-25
    Thermal Spring
  • color-26
    bg-color-26
    Fern
  • color-27
    bg-color-27
    Sunshine
  • color-28
    bg-color-28
    Meadow Flower

Color Accessibility

In accordance with design best practices, we must meet WebAim's AA accessibility standard and strive to meet the AAA standard whenever possible. Accessibility means making sure our content is readable and usable for all audiences, including those who might be visually impaired.

Some type color combinations don't meet accessibility standards due to insufficient foreground and background contrast (ie. white font on a light blue background), so please be mindful of how you use them. We encourage you to utilize this contrast checker tool if you are unsure of the contrast level of your chosen color combinations.