red
| Shade |
Color |
Class |
| 50 |
#fef3f2 |
.bg-red-50 |
| 100 |
#fde4e3 |
.bg-red-100 |
| 200 |
#fdcdcb |
.bg-red-200 |
| 300 |
#faaba7 |
.bg-red-300 |
| 400 |
#f57a74 |
.bg-red-400 |
| 500 |
#eb5048 |
.bg-red-500 |
| 700 |
#b52720 |
.bg-red-700 |
| 800 |
#96241e |
.bg-red-800 |
| 900 |
#7d241f |
.bg-red-900 |
| 950 |
#440e0b |
.bg-red-950 |
| DEFAULT |
#db433b |
.bg-red |
orange
| Shade |
Color |
Class |
| 50 |
#fef7ee |
.bg-orange-50 |
| 100 |
#fdeed7 |
.bg-orange-100 |
| 200 |
#fad9ae |
.bg-orange-200 |
| 300 |
#f7bd7a |
.bg-orange-300 |
| 500 |
#ef7920 |
.bg-orange-500 |
| 600 |
#e15f15 |
.bg-orange-600 |
| 700 |
#ba4714 |
.bg-orange-700 |
| 800 |
#943a18 |
.bg-orange-800 |
| 900 |
#783116 |
.bg-orange-900 |
| 950 |
#40160a |
.bg-orange-950 |
| DEFAULT |
#f39745 |
.bg-orange |
blue
| Shade |
Color |
Class |
| 50 |
#eff8ff |
.bg-blue-50 |
| 100 |
#daeeff |
.bg-blue-100 |
| 200 |
#bde3ff |
.bg-blue-200 |
| 300 |
#90d2ff |
.bg-blue-300 |
| 400 |
#5cb8fe |
.bg-blue-400 |
| 600 |
#207af0 |
.bg-blue-600 |
| 700 |
#1864dd |
.bg-blue-700 |
| 800 |
#1a50b3 |
.bg-blue-800 |
| 900 |
#1b478d |
.bg-blue-900 |
| 950 |
#152c56 |
.bg-blue-950 |
| DEFAULT |
#3d9cfb |
.bg-blue |
light-blue
| Shade |
Color |
Class |
| 50 |
#f0f8ff |
.bg-light-blue-50 |
| 100 |
#e0f0fe |
.bg-light-blue-100 |
| 200 |
#bbe2fc |
.bg-light-blue-200 |
| 400 |
#3ab1f6 |
.bg-light-blue-400 |
| 500 |
#1098e7 |
.bg-light-blue-500 |
| 600 |
#0478c5 |
.bg-light-blue-600 |
| 700 |
#0460a0 |
.bg-light-blue-700 |
| 800 |
#085284 |
.bg-light-blue-800 |
| 900 |
#0d446d |
.bg-light-blue-900 |
| 950 |
#092b48 |
.bg-light-blue-950 |
| DEFAULT |
#5fbffa |
.bg-light-blue |
purple
| Shade |
Color |
Class |
| 50 |
#fbf8fc |
.bg-purple-50 |
| 100 |
#f5eff8 |
.bg-purple-100 |
| 200 |
#eee1f3 |
.bg-purple-200 |
| 300 |
#e0cae8 |
.bg-purple-300 |
| 400 |
#cca7d9 |
.bg-purple-400 |
| 600 |
#a269b4 |
.bg-purple-600 |
| 700 |
#8b559b |
.bg-purple-700 |
| 800 |
#744980 |
.bg-purple-800 |
| 900 |
#5e3c67 |
.bg-purple-900 |
| 950 |
#412249 |
.bg-purple-950 |
| DEFAULT |
#b989c9 |
.bg-purple |
green
| Shade |
Color |
Class |
| 50 |
#f2f9ec |
.bg-green-50 |
| 100 |
#e2f1d6 |
.bg-green-100 |
| 200 |
#c8e5b1 |
.bg-green-200 |
| 300 |
#a6d284 |
.bg-green-300 |
| 400 |
#84bf5c |
.bg-green-400 |
| 600 |
#4d822e |
.bg-green-600 |
| 700 |
#3d6427 |
.bg-green-700 |
| 800 |
#345024 |
.bg-green-800 |
| 900 |
#2e4522 |
.bg-green-900 |
| 950 |
#15250e |
.bg-green-950 |
| DEFAULT |
#64a03d |
.bg-green |
yellow
| Shade |
Color |
Class |
| 50 |
#fcf8ea |
.bg-yellow-50 |
| 100 |
#f8efc9 |
.bg-yellow-100 |
| 200 |
#f2dd96 |
.bg-yellow-200 |
| 400 |
#e2aa2d |
.bg-yellow-400 |
| 500 |
#d29420 |
.bg-yellow-500 |
| 600 |
#b57219 |
.bg-yellow-600 |
| 700 |
#915217 |
.bg-yellow-700 |
| 800 |
#79421a |
.bg-yellow-800 |
| 900 |
#67381c |
.bg-yellow-900 |
| 950 |
#3c1c0c |
.bg-yellow-950 |
| DEFAULT |
#e7bb43 |
.bg-yellow |