A note about accessibility
When hovering elements, you may see red text with a black background. This means the color can present immediate challenges with creating contrasting elements in an accessible way. Please use these colors carefully, and do not rely on them as text or background colors.
gray-asparagus-400
#DangerColor
Gray Asparagus
-
gray-asparagus-50
#F6F7F5
-
gray-asparagus-100
#EDF0EB
-
gray-asparagus-200
#CFD6C9
-
gray-asparagus-300
#B3BDAC
-
gray-asparagus-400
#7C8C76
-
gray-asparagus-500
#4B5D48
-
gray-asparagus-600
#3C5238
-
gray-asparagus-700
#2C4528
-
gray-asparagus-800
#1D381A
-
gray-asparagus-900
#11290E
-
gray-asparagus-950
#081A06
Fruit Salad
-
fruit-salad-50
#F8FAF5
-
fruit-salad-100
#F0F5EB
-
fruit-salad-200
#DBE8D1
-
fruit-salad-300
#C3D9B4
-
fruit-salad-400
#93BA84
-
fruit-salad-500
#669F5d
-
fruit-salad-600
#538F4A
-
fruit-salad-700
#3A7532
-
fruit-salad-800
#275E21
-
fruit-salad-900
#184713
-
fruit-salad-950
#0B2E08
Shadow
-
shadow-50
#FAF9F5
-
shadow-100
#F2F0E9
-
shadow-200
#E0DACA
-
shadow-300
#CFC4AE
-
shadow-400
#AB997B
-
shadow-500
#887052
-
shadow-600
#7A5F42
-
shadow-700
#66492E
-
shadow-800
#52341D
-
shadow-900
#3D2211
-
shadow-950
#261207
Pearl Bush
-
pearl-bush-50
#FFFFFF
-
pearl-bush-100
#FCFCFA
-
pearl-bush-200
#FAF9F5
-
pearl-bush-300
#F7F5F0
-
pearl-bush-400
#F0EBE1
-
pearl-bush-500
#EBE3D8
-
pearl-bush-600
#D4C3B0
-
pearl-bush-700
#B09679
-
pearl-bush-800
#8C6B4D
-
pearl-bush-900
#69452B
-
pearl-bush-950
#452613
Romantic
-
romantic-50
#FFFEFC
-
romantic-100
#FFFDF7
-
romantic-200
#FFF8ED
-
romantic-300
#FFF3E0
-
romantic-400
#FFE6CC
-
romantic-500
#FED3B5
-
romantic-600
#E6B493
-
romantic-700
#BF8665
-
romantic-800
#995F42
-
romantic-900
#733C25
-
romantic-950
#4A1F10
Clam Shell
-
clam-shell-50
#FCFBFA
-
clam-shell-100
#FAF8F5
-
clam-shell-200
#F0EBE6
-
(current background)clam-shell-300
#E8E0D8
-
clam-shell-400
#D6C5BA
-
clam-shell-500
#C5AAA1
-
clam-shell-600
#B08D82
-
clam-shell-700
#94675A
-
clam-shell-800
#754539
-
clam-shell-900
#592B21
-
clam-shell-950
#38150D
Russett
-
russett-50
#F7F5F6
-
russett-100
#F2EBEE
-
russett-200
#DED1D6
-
russett-300
#C9B5BC
-
russett-400
#A1848A
-
russett-500
#78595b
-
russett-600
#6B484A
-
russett-700
#593133
-
russett-800
#471F21
-
russett-900
#361213
-
russett-950
#240709
Tapa
-
tapa-50
#F7F7F7
-
tapa-100
#F2F1F0
-
tapa-200
#DEDCD9
-
tapa-300
#CCC9C6
-
tapa-400
#A39F9B
-
tapa-500
#7E7875
-
tapa-600
#70645E
-
tapa-700
#5E4B42
-
tapa-800
#4A3229
-
tapa-900
#382018
-
tapa-950
#240F0A
Fuscous Gray
-
fuscous-gray-50
#F7F7F5
-
fuscous-gray-100
#EDECE8
-
fuscous-gray-200
#D4D2C9
-
fuscous-gray-300
#BAB6A9
-
fuscous-gray-400
#857F71
-
fuscous-gray-500
#514B3F
-
fuscous-gray-600
#4A4234
-
fuscous-gray-700
#3D3223
-
fuscous-gray-800
#302417
-
fuscous-gray-900
#24180C
-
fuscous-gray-950
#170D05
Mine Shaft
-
mine-shaft-50
#F5F5F5
-
mine-shaft-100
#EBE9E8
-
mine-shaft-200
#CCC9C8
-
mine-shaft-300
#ABA7A6
-
mine-shaft-400
#6E6968
-
mine-shaft-500
#2D2A2A
-
mine-shaft-600
#292222
-
mine-shaft-700
#211717
-
mine-shaft-800
#1C1010
-
mine-shaft-900
#140909
-
mine-shaft-950
#0D0303