yellow
-
color-yellow-100
#ffffdc
-
color-yellow-200
#ffffaf
-
color-yellow-300
#fff876
-
color-yellow-400
#fff000
-
color-yellow-500
#ffd800
-
color-yellow-600
#ffbb00
-
color-yellow-700
#ff9b00
-
color-yellow-800
#ff7a00
-
color-yellow-900
#F75F00
orange
-
color-orange-100
#fff4d8
-
color-orange-200
#fce3b4
-
color-orange-300
#faca7f
-
color-orange-400
#f8ab37
-
color-orange-500
#f39200
-
color-orange-600
#d77b00
-
color-orange-700
#c05e00
-
color-orange-800
#a24800
red
-
color-red-100
#fee6e6
-
color-red-200
#fcc8c3
-
color-red-300
#fa9090
-
color-red-400
#f75056
-
color-red-500
#ec0016
-
color-red-600
#c50014
-
color-red-700
#9b000e
-
color-red-800
#740009
burgundy
-
color-burgundy-100
#f4e8ed
-
color-burgundy-200
#edcbd6
-
color-burgundy-300
#da9aa8
-
color-burgundy-400
#c0687b
-
color-burgundy-500
#a9455d
-
color-burgundy-600
#8c2e46
-
color-burgundy-700
#641e32
-
color-burgundy-800
#4d0820
pink
-
color-pink-100
#fdeef8
-
color-pink-200
#f9d2e5
-
color-pink-300
#f4aece
-
color-pink-400
#ee7bae
-
color-pink-500
#e93e8f
-
color-pink-600
#db0078
-
color-pink-700
#b80065
-
color-pink-800
#970052
violett
-
color-violett-100
#f4eefa
-
color-violett-200
#e0cde4
-
color-violett-300
#c2a1c7
-
color-violett-400
#9a6ca6
-
color-violett-500
#814997
-
color-violett-600
#6e368c
-
color-violett-700
#581d70
-
color-violett-800
#421857
blue
-
color-blue-100
#e0effb
-
color-blue-200
#b4d5f6
-
color-blue-300
#73aef4
-
color-blue-400
#347de0
-
color-blue-500
#1455c0
-
color-blue-600
#0c3992
-
color-blue-700
#0a1e6e
-
color-blue-800
#061350
cyan
-
color-cyan-100
#e5faff
-
color-cyan-200
#bbe6f8
-
color-cyan-300
#84cfef
-
color-cyan-400
#55b9e6
-
color-cyan-500
#309fd1
-
color-cyan-600
#0087b9
-
color-cyan-700
#006a96
-
color-cyan-800
#004b6d
turquoise
-
color-turquoise-100
#e3f5f4
-
color-turquoise-200
#bee2e5
-
color-turquoise-300
#83caca
-
color-turquoise-400
#3cb5ae
-
color-turquoise-500
#00a099
-
color-turquoise-600
#008984
-
color-turquoise-700
#006e6b
-
color-turquoise-800
#005752
green
-
color-green-100
#e2f3e5
-
color-green-200
#bddbb9
-
color-green-300
#8cbc80
-
color-green-400
#66a558
-
color-green-500
#408335
-
color-green-600
#2a7230
-
color-green-700
#165c27
-
color-green-800
#154a26
light-green
-
color-light-green-100
#ebf7dd
-
color-light-green-200
#c9eb9e
-
color-light-green-300
#9fd45f
-
color-light-green-400
#78be14
-
color-light-green-500
#63a615
-
color-light-green-600
#508b1b
-
color-light-green-700
#44741a
-
color-light-green-800
#375f15
warm-gray
-
color-warm-gray-100
#f5f4f1
-
color-warm-gray-200
#ddded6
-
color-warm-gray-300
#bcbbb2
-
color-warm-gray-400
#9c9a8e
-
color-warm-gray-500
#858379
-
color-warm-gray-600
#747067
-
color-warm-gray-700
#4f4b41
-
color-warm-gray-800
#38342f
cool-gray
-
color-cool-gray-100
#f0f3f5
-
color-cool-gray-200
#d7dce1
-
color-cool-gray-300
#afb4bb
-
color-cool-gray-400
#878c96
-
color-cool-gray-500
#646973
-
color-cool-gray-600
#3c414b
-
color-cool-gray-700
#282d37
-
color-cool-gray-800
#131821