Background Colors

Primary

#7539FF

Secondary

#3F8BFE

warning

#E2B93B

info

#2F80ED

success

#27AE60

danger

#EF1E1E

light

#F7F8F9

dark

#262626

.bg-primary

.bg-secondary

.bg-warning

.bg-info

.bg-success

.bg-danger

.bg-light

.bg-dark

Background transparent colors

.bg-primary-subtle

.bg-secondary-subtle

.bg-warning-subtle

.bg-info-subtle

.bg-success-subtle

.bg-danger-subtle

.bg-light-subtle

.bg-dark-subtle

Background gradients

.bg-primary-gradient

.bg-secondary-gradient

.bg-warning-gradient

.bg-info-gradient

.bg-success-gradient

.bg-danger-gradient

.bg-light-gradient

.bg-dark-gradient

Background outline colors

.bg-outline-primary

.bg-outline-secondary

.bg-outline-warning

.bg-outline-info

.bg-outline-success

.bg-outline-danger

.bg-outline-light

.bg-outline-dark

Border Colors

.border-primary

.border-secondary

.border-warning

.border-info

.border-success

.border-danger

.border-light

.border-dark

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
$gray-100
$gray-200
$gray-300
$gray-400
$gray-500
$gray-600
$gray-700
$gray-800
$gray-900
$gray
Background Opacity
100%

.bg-opacity-100

75%

.bg-opacity-75

50%

.bg-opacity-50

25%

.bg-opacity-25

10%

.bg-opacity-10

Callout
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.