created:12/30/2020
updated:12/30/2020
loc
167
comments
6%
PajamasColor
Color item displaying the color as a table row, expanding on hover to display the contrast and passing level. Design inspired by GitLab's Pajamas.
$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00
$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00
$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00
$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00
$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00