Colors

Color Swatches

Primary

blue
#22458a
bronze
#875e29

Secondary

flower
#fcdee0
sky
#bad8e1
copper
#b4d7b8

Faded 50%

flower-50
#fdeeef
sky-50
#dcebf0
copper-50
#d9ebdb

Faded 25%

flower-25
#fef8f9
sky-25
#f1f7f9
copper-25
#f0f7f1

Primary

Blue
#22458a
Bronze
#875e29

Secondary

Flower
#fcdee0
Sky
#bad8e1
Copper
#b4d7b8
Plaster
#e2ddcb
Stone
#beb7b3
Dark
#4d4c44

Faded 50%

Flower 50%
#fdeeef
Sky 50%
#dcebf0
Copper 50%
#d9ebdb
Plaster 50%
#f0eee5
Stone 50%
#dedbd9
Dark 50%
#a6a5a1

Faded 25%

Flower 25%
#fef8f9
Sky 25%
#f1f7f9
Copper 25%
#f0f7f1
Plaster 25%
#f9f8f5
Stone 25%
#f2f1f0
Dark 25%
#dbdbda

Color Utilities

The following color infixes are available to use anywhere a color infix can be used as stated in the Bootstrap documentation:

-success-
-info-
-warning-
-danger-
-light-
-primary-
-secondary-
-dark-
-white-
-black-
-blue-
-bronze-
-flower-
-sky-
-copper-
-plaster-
-stone-
-flower-50-
-sky-50-
-copper-50-
-plaster-50-
-stone-50-
-dark-50-
-flower-25-
-sky-25-
-copper-25-
-plaster-25-
-stone-25-
-dark-25-
-dark-grey-

Using the primary infix as an example the following color altering classes are available:

.alert-primary
.badge-primary
.bg-primary
.border-lg-primary
.border-md-primary
.border-primary
.border-sm-primary
.border-xl-primary
.btn-outline-primary
.btn-primary
.list-group-item-primary
.table-primary
.text-primary