CSS
Menu

Color system

Table of Contents

Color palette

Gray
Blue
Green
Purple
Yellow
Orange
Red
White

Color variables

Gray

$gray-500
#6a737d
$gray-000
#fafbfc
$gray-100
#f6f8fa
$gray-200
#e1e4e8
$gray-300
#d1d5da
$gray-400
#959da5
$gray-500
#6a737d
$gray-600
#586069
$gray-700
#444d56
$gray-800
#2f363d
$gray-900
#24292e

Blue

$blue-500
#0366d6
$blue-000
#f1f8ff
$blue-100
#dbedff
$blue-200
#c8e1ff
$blue-300
#79b8ff
$blue-400
#2188ff
$blue-500
#0366d6
$blue-600
#005cc5
$blue-700
#044289
$blue-800
#032f62
$blue-900
#05264c

Green

$green-500
#28a745
$green-000
#f0fff4
$green-100
#dcffe4
$green-200
#bef5cb
$green-300
#85e89d
$green-400
#34d058
$green-500
#28a745
$green-600
#22863a
$green-700
#176f2c
$green-800
#165c26
$green-900
#144620

Purple

$purple-500
#6f42c1
$purple-000
#f5f0ff
$purple-100
#e6dcfd
$purple-200
#d1bcf9
$purple-300
#b392f0
$purple-400
#8a63d2
$purple-500
#6f42c1
$purple-600
#5a32a3
$purple-700
#4c2889
$purple-800
#3a1d6e
$purple-900
#29134e

Yellow

$yellow-500
#ffd33d
$yellow-000
#fffdef
$yellow-100
#fffbdd
$yellow-200
#fff5b1
$yellow-300
#ffea7f
$yellow-400
#ffdf5d
$yellow-500
#ffd33d
$yellow-600
#f9c513
$yellow-700
#dbab09
$yellow-800
#b08800
$yellow-900
#735c0f

Orange

$orange-500
#f66a0a
$orange-000
#fff8f2
$orange-100
#ffebda
$orange-200
#ffd1ac
$orange-300
#ffab70
$orange-400
#fb8532
$orange-500
#f66a0a
$orange-600
#e36209
$orange-700
#d15704
$orange-800
#c24e00
$orange-900
#a04100

Red

$red-500
#d73a49
$red-000
#ffeef0
$red-100
#ffdce0
$red-200
#fdaeb7
$red-300
#f97583
$red-400
#ea4a5a
$red-500
#d73a49
$red-600
#cb2431
$red-700
#b31d28
$red-800
#9e1c23
$red-900
#86181d

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
rgba(27,31,35,0.15)
$black-fade-30
rgba(27,31,35,0.3)
$black-fade-50
rgba(27,31,35,0.5)
$black-fade-70
rgba(27,31,35,0.7)
$black-fade-85
rgba(27,31,35,0.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
rgba(255,255,255,0.15)
$white-fade-30
rgba(255,255,255,0.3)
$white-fade-50
rgba(255,255,255,0.5)
$white-fade-70
rgba(255,255,255,0.7)
$white-fade-85
rgba(255,255,255,0.85)
Edit this page on GitHub