Bootstrap's CSS is built on Less, a preprocessor with additional functionality like variables, mixins, and functions for compiling CSS. Those looking to use the source Less files instead of our compiled CSS files can make use of the numerous variables and mixins we use throughout the framework.
Grayscale
Grayscale colors provide quick access to commonly used shades of black while semantic include various colors assigned to meaningful contextual values.
Gray-Darker
HEX #262626
RGB 38, 38, 38
CMYK 71% 65% 64% 69%
SCSS $gray-darker
Gray-Dark
HEX #2d2d2d
RGB 45 45 45
CMYK 70% 64% 63% 64%
SCSS $gray-dark
Gray
HEX #383838
RGB 56 56 56
CMYK 69% 62% 61% 54%
SCSS $gray
Gray-Light
HEX #444444
RGB 68 68 68
CMYK 67% 60% 59% 33%
SCSS $gray-light
Gray-Lighter
HEX #5c5c5c
RGB 92 92 92
CMYK 61% 54% 53% 26%
SCSS $gray-lighter
Default Colors
Use any of these color variables as they are or reassign them to more meaningful variables for your project.
Brand-Primary
HEX #2d99dc
RGB 45 153 220
CMYK 72% 29% 0% 0%
SCSS $brand-primary
Brand-Info
HEX #35bda8
RGB 53 189 168
CMYK 70% 0% 44% 0%
SCSS $brand-info
Brand-Success
HEX #86b34d
RGB 134 179 77
CMYK 54% 9% 96% 0%
SCSS $brand-success
Brand-Warning
HEX #e66c40
RGB 230 108 64
CMYK 5% 70% 86% 0%
SCSS $brand-warning
Brand-Danger
HEX #cb3e4b
RGB 203 62 75
CMYK 14% 90% 70% 3%
SCSS $brand-danger
Custom Colors
Different colors used especially in charts, graphs and custom configurations for different buttons, panels, or sliders.
Brand-Cerulean
HEX #08a5e1
RGB 8 165 225
CMYK 73% 20% 0% 0%
SCSS $brand-cerulan
Brand-Curious-Blue
HEX #08a5e1
RGB 42 136 197
CMYK 79% 39% 0% 0%
SCSS $brand-curious-blue
Brand-Endaveour
HEX #0058a1
RGB 0 88 161
CMYK 97% 74% 3% 0%
SCSS $brand-endaveour
Brand-Minsk
HEX #343286
RGB 51 50 134
CMYK 98% 100% 9% 1%
SCSS $brand-minsk
Brand-Eminence
HEX #732c86
RGB 115 44 134
CMYK 67% 100% 7% 1%
SCSS $brand-eminence
Brand-Violet-Eggplant
HEX #a82084
RGB 168 32 132
CMYK 37% 100% 7% 0%
SCSS $brand-violet-eggplant
Brand-Mint-Freen
HEX #78fd9a
RGB 120 253 154
CMYK 46% 0% 63% 0%
SCSS $brand-mint-green
Brand-Aquamarine
HEX #68fee0
RGB 104-254-224
CMYK 46% 0% 26% 0%
SCSS $brand-aquamarine
Brand-Malibu
HEX #6bc1fd
RGB 107 193 253
CMYK 49% 13% 0% 0%
SCSS $brand-malibu
Brand-Dodger-Blue
HEX #5b73fc
RGB 91 115 253
CMYK 73% 62% 0% 0%
SCSS $brand-dodger-blue
Brand-Heliotrope
HEX #a072fc
RGB 53% 63% 0% 0%
CMYK (87%,65%,76%,87%)
SCSS $brand-heliotrope
Brand-Perfume
HEX #f384fc
RGB 243 132 252
CMYK 18% 53% 0% 0%
SCSS $brand-perfume
