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)