Many of Bootstrap’s various components and utilities are built through a series of colors defined in a Sass map. This map can be looped over in Sass to quickly generate a series of rulesets.
All colors available in Bootstrap 4, are available as Sass variables and a Sass map in scss/_custom-variables.scss file.
We use a subset of all colors to create a smaller color palette for generating color schemes, also available as Sass variables and a Sass map in Bootstraps’s scss/_custom-variables.scss file.
An expansive set of gray variables and a Sass map in scss/_custom-variables.scss for consistent shades of gray across the project.
The following colors can be used as the primary theme color and are defined in the scss/_custom-variables.scss file. In the theme settings will be an option to change the primary color.