Dracula for Tailwind
A Quick-Reference Color Chart Guide
View the official documentation→
nosferatu / darker
DEFAULT
#282a36
rgb(40 42 54)
darker-50
#cdd0e4
rgb(205 208 228)
darker-100
#b5bad6
rgb(181 186 214)
darker-200
#9ea4c8
rgb(158 164 200)
darker-300
#888fb8
rgb(136 143 184)
darker-400
#727aa8
rgb(114 122 168)
darker-500
#5f6795
rgb(95 103 149)
darker-600
#53597c
rgb(83 89 124)
darker-700
#454a64
rgb(69 74 100)
darker-800
#373a4d
rgb(55 58 77)
darker-900
#282a36
rgb(40 42 54)
aro / dark
DEFAULT
#44475a
rgb(68 71 90)
dark-50
#f7f7fb
rgb(247 247 251)
dark-100
#dfe1ed
rgb(223 225 237)
dark-200
#c7cadf
rgb(199 202 223)
dark-300
#b1b5d0
rgb(177 181 208)
dark-400
#9ba0c0
rgb(155 160 192)
dark-500
#858bb0
rgb(133 139 176)
dark-600
#71779f
rgb(113 119 159)
dark-700
#606689
rgb(96 102 137)
dark-800
#525771
rgb(82 87 113)
dark-900
#44475a
rgb(68 71 90)
cullen / light
DEFAULT
#f8f8f2
rgb(248 248 242)
light-50
#f8f8f2
rgb(248 248 242)
light-100
#eaeada
rgb(234 234 218)
light-200
#dcdcc3
rgb(220 220 195)
light-300
#cdcdac
rgb(205 205 172)
light-400
#bdbd96
rgb(189 189 150)
light-500
#adad81
rgb(173 173 129)
light-600
#9c9c6c
rgb(156 156 108)
light-700
#85855d
rgb(133 133 93)
light-800
#6d6d4f
rgb(109 109 79)
light-900
#565641
rgb(86 86 65)
vonCount / blue
DEFAULT
#6272a4
rgb(98 114 164)
blue-50
#f0f2f8
rgb(240 242 248)
blue-100
#d7dcec
rgb(215 220 236)
blue-200
#bec6df
rgb(190 198 223)
blue-300
#a6b0d1
rgb(166 176 209)
blue-400
#8f9bc3
rgb(143 155 195)
blue-500
#7886b4
rgb(120 134 180)
blue-600
#6272a4
rgb(98 114 164)
blue-700
#54628c
rgb(84 98 140)
blue-800
#485273
rgb(72 82 115)
blue-900
#3b425a
rgb(59 66 90)
vanHelsing / cyan
DEFAULT
#8be9fd
rgb(139 233 253)
cyan-50
#fafeff
rgb(250 254 255)
cyan-100
#d4f8ff
rgb(212 248 255)
cyan-200
#aff0fe
rgb(175 240 254)
cyan-300
#8be9fd
rgb(139 233 253)
cyan-400
#67e1fb
rgb(103 225 251)
cyan-500
#44d9f8
rgb(68 217 248)
cyan-600
#22d0f5
rgb(34 208 245)
cyan-700
#0dbfe5
rgb(13 191 229)
cyan-800
#0ca0bf
rgb(12 160 191)
cyan-900
#0c819a
rgb(12 129 154)
blade / green
DEFAULT
#50fa7b
rgb(80 250 123)
green-50
#e2ffe9
rgb(226 255 233)
green-100
#bcffcd
rgb(188 255 205)
green-200
#97feb1
rgb(151 254 177)
green-300
#73fc96
rgb(115 252 150)
green-400
#50fa7b
rgb(80 250 123)
green-500
#2df760
rgb(45 247 96)
green-600
#0cf346
rgb(12 243 70)
green-700
#0ccd3d
rgb(12 205 61)
green-800
#0ba833
rgb(11 168 51)
green-900
#0a8329
rgb(10 131 41)
morbius / orange
DEFAULT
#ffb86c
rgb(255 184 108)
orange-50
#ffefdd
rgb(255 239 221)
orange-100
#ffdcb7
rgb(255 220 183)
orange-200
#ffca92
rgb(255 202 146)
orange-300
#ffb86c
rgb(255 184 108)
orange-400
#fda648
rgb(253 166 72)
orange-500
#fb9325
rgb(251 147 37)
orange-600
#f38107
rgb(243 129 7)
orange-700
#cd6d08
rgb(205 109 8)
orange-800
#a75a08
rgb(167 90 8)
orange-900
#824707
rgb(130 71 7)
buffy / pink
DEFAULT
#ff79c6
rgb(255 121 198)
pink-50
#ffeaf6
rgb(255 234 246)
pink-100
#ffc4e6
rgb(255 196 230)
pink-200
#ff9fd6
rgb(255 159 214)
pink-300
#ff79c6
rgb(255 121 198)
pink-400
#fd55b6
rgb(253 85 182)
pink-500
#fb31a5
rgb(251 49 165)
pink-600
#f80e95
rgb(248 14 149)
pink-700
#d90880
rgb(217 8 128)
pink-800
#b3086b
rgb(179 8 107)
pink-900
#8e0855
rgb(142 8 85)
dracula / purple
DEFAULT
#bd93f9
rgb(189 147 249)
purple-50
#fefeff
rgb(254 254 255)
purple-100
#e9dafe
rgb(233 218 254)
purple-200
#d3b6fc
rgb(211 182 252)
purple-300
#bd93f9
rgb(189 147 249)
purple-400
#a771f6
rgb(167 113 246)
purple-500
#924ff2
rgb(146 79 242)
purple-600
#7d2eed
rgb(125 46 237)
purple-700
#6916e0
rgb(105 22 224)
purple-800
#5914bb
rgb(89 20 187)
purple-900
#491298
rgb(73 18 152)
marcelin / red
DEFAULT
#ff5555
rgb(255 85 85)
red-50
#ffecec
rgb(255 236 236)
red-100
#ffc6c6
rgb(255 198 198)
red-200
#ffa0a0
rgb(255 160 160)
red-300
#ff7b7b
rgb(255 123 123)
red-400
#ff5555
rgb(255 85 85)
red-500
#fd3131
rgb(253 49 49)
red-600
#fb0e0e
rgb(251 14 14)
red-700
#dd0606
rgb(221 6 6)
red-800
#b70707
rgb(183 7 7)
red-900
#910707
rgb(145 7 7)
lincoln / yellow
DEFAULT
#f1fa8c
rgb(241 250 140)
yellow-50
#fefff8
rgb(254 255 248)
yellow-100
#fafed3
rgb(250 254 211)
yellow-200
#f6fcaf
rgb(246 252 175)
yellow-300
#f1fa8c
rgb(241 250 140)
yellow-400
#ebf769
rgb(235 247 105)
yellow-500
#e5f347
rgb(229 243 71)
yellow-600
#dfef26
rgb(223 239 38)
yellow-700
#ccdd12
rgb(204 221 18)
yellow-800
#abb811
rgb(171 184 17)
yellow-900
#899410
rgb(137 148 16)