Colors

  1. Utilities
  2. Colors
Background Colors

bg-primary

bg-secondary

bg-warning

bg-info

bg-success

bg-danger

bg-light

bg-dark

Border Colors

border-primary

border-secondary

border-warning

border-info

border-success

border-danger

border-light

border-dark

Background Opacity
100%

bg-opacity

75%

bg-opacity-75

50%

bg-opacity-50

25%

bg-opacity-25

10%

bg-opacity-10

Text Colors
primary

text-primary

secondary

text-secondary

warning

text-warning

info

text-info

success

text-success

danger

text-danger

light

.text-light

dark

text-dark

muted

text-muted

Text Opacity
Opacity-100

100% opacity

Opacity-100

text-opacity-75

Opacity-100

text-opacity-50

Opacity-100

text-opacity-25

Other Colors:
blue-100
blue-200
blue-300
blue-400
blue-500
blue-600
blue-700
blue-800
blue-900
blue
indigo-100
indigo-200
indigo-300
indigo-400
indigo-500
indigo-600
indigo-700
indigo-800
indigo-900
indigo
purple-100
purple-200
purple-300
purple-400
purple-500
purple-600
purple-700
purple-800
purple-900
purple
pink-100
pink-200
pink-300
pink-400
pink-500
pink-600
pink-700
pink-800
pink-900
pink
red-100
red-200
red-300
red-400
red-500
red-600
red-700
red-800
red-900
red
orange-100
orange-200
orange-300
orange-400
orange-500
orange-600
orange-700
orange-800
orange-900
orange
yellow-full
yellow-200
yellow-300
yellow-400
yellow-500
yellow-600
yellow-700
yellow-800
yellow-900
yellow
green-100
green-200
green-300
green-400
green-500
green-600
green-700
green-800
green-900
green
teal-100
teal-200
teal-300
teal-400
teal-500
teal-600
teal-700
teal-800
teal-900
teal
cyan-100
cyan-200
cyan-300
cyan-400
cyan-500
cyan-600
cyan-700
cyan-800
cyan-900
cyan
gray-100
gray-200
gray-300
gray-400
gray-500
gray-600
gray-700
gray-800
gray-900
gray