Color palette

Gray

Blue

Green

Purple

Yellow

Orange

Red

White

Color variables

Gray

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

$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

$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

$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

$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

$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

$red-500

#dc3545

$red-000

$red-100

$red-200

$red-300

$red-400

$red-500

$red-600

$red-700

$red-800

$red-900

Black fades

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 fades

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