Contents
These utilities are generated by Bootstrap when we override Bootstrap’s color variables.
Further down the page are examples for text color. But they work for buttons
btn-{color}, backgrounds bg-{color}, and border colors
border-{color}. Where {color} can be one of the following:
Color Suffixes
Primary Palette
wvu-blue
#002855
wvu-gold
#EAAA00
Accent Palette
wvu-accent--blue-dark
#1C2B39
wvu-accent--blue-light
#9DDAE6
wvu-accent--blue
#0062A3
wvu-accent--yellow
#FFE539
wvu-accent--old-gold
#7F6310
wvu-accent--sunset
#F58672
Neutral Palette
wvu-neutral--off-white
#F7F7F7
wvu-neutral--warm-gray-light
#BEB7B3
wvu-neutral--warm-gray-dark
#554741
wvu-neutral--warm-gray-medium
#988E8B
wvu-neutral--cream
#F2E6C2
wvu-neutral--tan
#B3A169
Make sure when using these classes to keep in mind our Accessibility Guidelines for color contrast.
Background Color Examples
Text Color Examples
Button Color Examples
<a href="#" class="btn btn-wvu-blue">Call to Action</a> <a href="#" class="btn btn-wvu-gold">Call to Action</a> <a href="#" class="btn btn-wvu-accent--blue-dark">Call to Action</a> <a href="#" class="btn btn-wvu-accent--blue-light">Call to Action</a> <a href="#" class="btn btn-wvu-accent--blue">Call to Action</a> <a href="#" class="btn btn-wvu-accent--yellow">Call to Action</a> <a href="#" class="btn btn-wvu-accent--old-gold">Call to Action</a> <a href="#" class="btn btn-wvu-accent--sunset">Call to Action</a> <a href="#" class="btn btn-wvu-neutral--off-white">Call to Action</a> <a href="#" class="btn btn-wvu-neutral--warm-gray-light">Call to Action</a> <a href="#" class="btn btn-wvu-neutral--warm-gray-dark text-white">Call to Action</a> <a href="#" class="btn btn-wvu-neutral--warm-gray-medium">Call to Action</a> <a href="#" class="btn btn-wvu-neutral--cream">Call to Action</a> <a href="#" class="btn btn-wvu-neutral--tan">Call to Action</a>
Accessible Color Combinations for Text
Large Text
Normal Text
bg-wvu-blue
Large Text
Normal Text
bg-wvu-gold
Large Text
Normal Text
bg-wvu-accent--blue-dark
Large Text
Normal Text
bg-wvu-accent--blue-light
Large Text
Normal Text
bg-wvu-accent--blue
Large Text
Normal Text
bg-wvu-accent--yellow
Large Text
Normal Text
bg-wvu-accent--old-gold
Large Text
Normal Text
bg-wvu-accent--sunset
Large Text
Normal Text
bg-wvu-neutral--off-white
Large Text
Normal Text
bg-wvu-neutral--warm-gray-light
Large Text
Normal Text
bg-wvu-neutral--warm-gray-dark
Large Text
Normal Text
bg-wvu-neutral--warm-gray-medium
Large Text
Normal Text
bg-wvu-neutral--cream
Large Text
Normal Text
bg-wvu-neutral--tan