Color system

Color palette

Gray

Blue

Green

Purple

Yellow

Orange

Red

White

Color variables

Gray

Gray

$gray-500

#6a737d

#fafbfc

$gray-000

#f6f8fa

$gray-100

#e1e4e8

$gray-200

#d1d5da

$gray-300

#959da5

$gray-400

#6a737d

$gray-500

#586069

$gray-600

#444d56

$gray-700

#2f363d

$gray-800

#24292e

$gray-900

Blue

Blue

$blue-500

#0366d6

#f1f8ff

$blue-000

#dbedff

$blue-100

#c8e1ff

$blue-200

#79b8ff

$blue-300

#2188ff

$blue-400

#0366d6

$blue-500

#005cc5

$blue-600

#044289

$blue-700

#032f62

$blue-800

#05264c

$blue-900

Green

Green

$green-500

#28a745

#f0fff4

$green-000

#dcffe4

$green-100

#bef5cb

$green-200

#85e89d

$green-300

#34d058

$green-400

#28a745

$green-500

#22863a

$green-600

#176f2c

$green-700

#165c26

$green-800

#144620

$green-900

Yellow

Yellow

$yellow-500

#ffd33d

#fffdef

$yellow-000

#fffbdd

$yellow-100

#fff5b1

$yellow-200

#ffea7f

$yellow-300

#ffdf5d

$yellow-400

#ffd33d

$yellow-500

#f9c513

$yellow-600

#dbab09

$yellow-700

#b08800

$yellow-800

#735c0f

$yellow-900

Orange

Orange

$orange-500

#f66a0a

#fff8f2

$orange-000

#ffebda

$orange-100

#ffd1ac

$orange-200

#ffab70

$orange-300

#fb8532

$orange-400

#f66a0a

$orange-500

#e36209

$orange-600

#d15704

$orange-700

#c24e00

$orange-800

#a04100

$orange-900

Red

Red

$red-500

#d73a49

#ffeef0

$red-000

#ffdce0

$red-100

#fdaeb7

$red-200

#f97583

$red-300

#ea4a5a

$red-400

#d73a49

$red-500

#cb2431

$red-600

#b31d28

$red-700

#9e1c23

$red-800

#86181d

$red-900

Purple

Purple

$purple-500

#6f42c1

#f5f0ff

$purple-000

#e6dcfd

$purple-100

#d1bcf9

$purple-200

#b392f0

$purple-300

#8a63d2

$purple-400

#6f42c1

$purple-500

#5a32a3

$purple-600

#4c2889

$purple-700

#3a1d6e

$purple-800

#29134e

$purple-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

Foreign crimson
#C91F37
Red orange
#DC3023
Cochineal red
#9D2933
Monza
#CF000F
Brewed mustard-brown
#E68364
Pomegranate
#F22613
Scarlet
#CF3A24
Pure crimson
#C3272B
True red
#8F1D21
Chestnut Rose
#D24D57
One kin dye
#F08F907
Peach-colored
#F47983
Red plum colored
#DB5A6B
Medium crimson
#C93756
Cherry blossom color
#FCC9B9
Washed-out crimson
#FFB3A7
RADICAL RED
#F62459
Ibis wing color
#F58F84
Wisteria purple
#875F9A
Bellflower color
#5D3F6A
Wisteria color
#89729E
Iris color
#763568
Tatarian aster color
#8D608C
Thin color
#A87CA0
Violet color
#5B3256
MEDIUM PURPLE
#BF55EC
STUDIO
#8E44AD
WISTERIA
#9B59B6
LIGHT WISTERIA
#BE90D4
Sky color
#4D8FAC
Ultramarine color
#5D8CAE
PICTON BLUE
#22A7F0
DODGER BLUE
#19B5FE
PICTON BLUE
#59ABE3
Light blue color
#48929B
Thousand herb
#317589
JORDY BLUE
#89C4F4
STEEL BLUE
#4B77BE
Lapis lazuli color
#1F4788
Navy blue color
#003171
Hanada
#044F67
Indigo color
#264348
Siskin sprout yellow
#7A942E
young green onion
#8DB255
Fresh onion
#5B8930
Young bamboo color
#6B9362
Patina
#407A52
Green bamboo
#006442
GOSSIP
#87D37C
EUCALYPTUS
#26A65B
JUNGLE GREEN
#26C281
OBSERVATORY
#049372
JUNGLE GREEN
#2ABB9B
MOUNTAIN MEADOW
#16A085
TURQUOISE
#36D7B7
FREE SPEECH AQUAMARINE
#03A678
OCEAN GREEN
#4DAF7C
Patrinia flowers
#D9B611
Amur cork tree
#F3C13A
RIPE LEMON
#F7CA18
Japanese triandra grass
#E2B13C
Rapeseed oil-colored
#A17917
CREAM CAN
#F5D76E
SAFFRON
#F4D03F
Bright golden yellow
#FFA400
Sumac-dyed
#E08A1E
Gamboge
#FFB61E
Corn-colored
#FAA945
Egg-colored
#FFA631
Floral leaf-colored
#FFB94E
Golden fallen leaves
#E29C45
ECSTASY
#F9690E
Amber
#CA6924
LIGHTNING YELLOW
#F5AB35
SILVER
#BFBFBF
CARARRA
#F2F1EF
SILVER SAND
#BDC3C7
PORCELAIN
#ECF0F1
PUMICE
#D2D7D3
Harbor rat
#757D75
GALLERY
#EEEEEE
EDWARD
#ABB7B7
LYNCH
#6C7A89
CASCADE
#95A5A6