Last updated 1 year ago
Each color is available in 10 equaly spaced shades between 0 and 100.
Shade 0
Shade 10
Shade 20
Shade 30
Shade 40
Shade 50
Shade 60
Shade 70
Shade 80
Shade 90
Shade 100
var(--white-0) var(--black-100)
hsl(0, 0%, 0%) rgb(0, 0, 0) #000000
var(--white-10) var(--black-90)
hsl(0, 0%, 10%) rgb(26, 26, 26) #1A1A1A
var(--white-20) var(--black-80)
hsl(0, 0%, 20%) rgb(51, 51, 51) #333333
var(--white-30) var(--black-70)
hsl(0, 0%, 30%) rgb(77, 77, 77) #4D4D4D
var(--white-40) var(--black-60)
hsl(0, 0%, 40%) rgb(102, 102, 102) #666666
var(--white-50) var(--black-50)
hsl(0, 0%, 50%) rgb(128, 128, 128) #808080
var(--white-60) var(--black-40)
hsl(0, 0%, 60%) rgb(153, 153, 153) #999999
var(--white-70) var(--black-30)
hsl(0, 0%, 70%) rgb(179, 179, 179) #B3B3B3
var(--white-80) var(--black-20)
hsl(0, 0%, 80%) rgb(204, 204, 204) #CCCCCC
var(--white-90) var(--black-10)
hsl(0, 0%, 90%) rgb(230, 230, 230) #E6E6E6
var(--white-100) var(--black-0)
hsl(0, 0%, 100%) rgb(255, 255, 255) #FFFFFF
