Gray
Blue
Green
Purple
Yellow
Orange
Red
White
Gray
$gray-500
#6a737d
$gray-000
$gray-100
$gray-200
$gray-300
$gray-400
$gray-500
$gray-600
$gray-700
$gray-800
$gray-900
Blue
$blue-500
#0366d6
$blue-000
$blue-100
$blue-200
$blue-300
$blue-400
$blue-500
$blue-600
$blue-700
$blue-800
$blue-900
Green
$green-500
#28a745
$green-000
$green-100
$green-200
$green-300
$green-400
$green-500
$green-600
$green-700
$green-800
$green-900
Purple
$purple-500
#6f42c1
$purple-000
$purple-100
$purple-200
$purple-300
$purple-400
$purple-500
$purple-600
$purple-700
$purple-800
$purple-900
Yellow
$yellow-500
#ffd93d
$yellow-000
$yellow-100
$yellow-200
$yellow-300
$yellow-400
$yellow-500
$yellow-600
$yellow-700
$yellow-800
$yellow-900
Orange
$orange-500
#f66a0a
$orange-000
$orange-100
$orange-200
$orange-300
$orange-400
$orange-500
$orange-600
$orange-700
$orange-800
$orange-900
Red
$red-500
#dc3545
$red-000
$red-100
$red-200
$red-300
$red-400
$red-500
$red-600
$red-700
$red-800
$red-900
Black
$black
rgb(27,31,35) #1b1f23
Black fades apply alpha transparency to the $black variable. The black color value has a slight blue hue to match our grays.
$black-fade-15
$black-fade-30
$black-fade-50
$black-fade-70
$black-fade-85
White
$white
rgb(255, 255, 255) #fff
White fades apply alpha transparency to the $white variable, below these are shown overlaid on a dark gray background.
$white-fade-15
$white-fade-30
$white-fade-50
$white-fade-70
$white-fade-85