Sign Up Sign Up
Dracula Standard

Dracula Standard

11-color palette · Warm · Mixed · Complementary harmony

Back to Library

Dracula Standard

11-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Earthy 11 colors Warm Mixed Complementary neon hardware dracula code
Likes 19
Colors 11

CSS variables

:root {
  --c-earthy-1: #282A36;
  --c-earthy-2: #44475A;
  --c-earthy-3: #6272A4;
  --c-earthy-4: #F8F8F2;
  --c-earthy-5: #FF5555;
  --c-earthy-6: #FFB86C;
  --c-earthy-7: #F1FA8C;
  --c-earthy-8: #50FA7B;
  --c-earthy-9: #8BE9FD;
  --c-earthy-10: #BD93F9;
  --c-earthy-11: #FF79C6;
}

About this palette

This 11-color earthy palette runs from Pure White (#F8F8F2) as its lightest tone to Mangu Black (#282A36) as its darkest. It blends Mangu Black, Pit Stop, Dormitory, Pure White, Fluorescent Red, Desert Dessert, Tidal, Experimintal Green, Photon Projector, Liliac and Pink Plastic Fantastic into a single set you can drop straight into a UI. Of its 55 color pairings, 13 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #282A36 on #F8F8F2 at 13.36:1.

Grounded, natural tones — suits sustainability/organic brands, coffee shops, outdoor gear, and warm editorial typography.

Color breakdown

Mangu Black #282A36
RGB
rgb(40, 42, 54)
HSL
hsl(231, 15%, 18%)
Luminance
0.024
Pit Stop #44475A
RGB
rgb(68, 71, 90)
HSL
hsl(232, 14%, 31%)
Luminance
0.065
Dormitory #6272A4
RGB
rgb(98, 114, 164)
HSL
hsl(225, 27%, 51%)
Luminance
0.173
Pure White #F8F8F2
RGB
rgb(248, 248, 242)
HSL
hsl(60, 30%, 96%)
Luminance
0.935
Fluorescent Red #FF5555
RGB
rgb(255, 85, 85)
HSL
hsl(0, 100%, 67%)
Luminance
0.284
Desert Dessert #FFB86C
RGB
rgb(255, 184, 108)
HSL
hsl(31, 100%, 71%)
Luminance
0.566
Tidal #F1FA8C
RGB
rgb(241, 250, 140)
HSL
hsl(65, 92%, 76%)
Luminance
0.890
Experimintal Green #50FA7B
RGB
rgb(80, 250, 123)
HSL
hsl(135, 94%, 65%)
Luminance
0.715
Photon Projector #8BE9FD
RGB
rgb(139, 233, 253)
HSL
hsl(191, 97%, 77%)
Luminance
0.709
Liliac #BD93F9
RGB
rgb(189, 147, 249)
HSL
hsl(265, 89%, 78%)
Luminance
0.385
Pink Plastic Fantastic #FF79C6
RGB
rgb(255, 121, 198)
HSL
hsl(326, 100%, 74%)
Luminance
0.390

Contrast & accessibility

13 of 55 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #282A36 on #F8F8F2 13.36:1 AAA
Aa #282A36 on #F1FA8C 12.74:1 AAA
Aa #282A36 on #50FA7B 10.38:1 AAA
Aa #282A36 on #8BE9FD 10.29:1 AAA
Aa #44475A on #F8F8F2 8.59:1 AAA
Aa #282A36 on #FFB86C 8.36:1 AAA
Aa #44475A on #F1FA8C 8.19:1 AAA
Aa #44475A on #50FA7B 6.67:1 AA
Aa #44475A on #8BE9FD 6.61:1 AA
Aa #282A36 on #FF79C6 5.97:1 AA
Aa #282A36 on #BD93F9 5.90:1 AA
Aa #44475A on #FFB86C 5.37:1 AA
Aa #282A36 on #FF5555 4.53:1 AA
Aa #6272A4 on #F8F8F2 4.41:1 AA Large
Aa #6272A4 on #F1FA8C 4.21:1 AA Large
Aa #44475A on #FF79C6 3.84:1 AA Large
Aa #44475A on #BD93F9 3.79:1 AA Large
Aa #6272A4 on #50FA7B 3.43:1 AA Large
Aa #6272A4 on #8BE9FD 3.40:1 AA Large
Aa #282A36 on #6272A4 3.03:1 AA Large
Aa #F8F8F2 on #FF5555 2.95:1 Fail
Aa #44475A on #FF5555 2.91:1 Fail
Aa #FF5555 on #F1FA8C 2.81:1 Fail
Aa #6272A4 on #FFB86C 2.76:1 Fail
Aa #FF5555 on #50FA7B 2.29:1 Fail
Aa #FF5555 on #8BE9FD 2.27:1 Fail
Aa #F8F8F2 on #BD93F9 2.26:1 Fail
Aa #F8F8F2 on #FF79C6 2.24:1 Fail
Aa #F1FA8C on #BD93F9 2.16:1 Fail
Aa #F1FA8C on #FF79C6 2.13:1 Fail
Aa #6272A4 on #FF79C6 1.97:1 Fail
Aa #6272A4 on #BD93F9 1.95:1 Fail
Aa #44475A on #6272A4 1.94:1 Fail
Aa #FF5555 on #FFB86C 1.84:1 Fail
Aa #50FA7B on #BD93F9 1.76:1 Fail
Aa #50FA7B on #FF79C6 1.74:1 Fail
Aa #8BE9FD on #BD93F9 1.74:1 Fail
Aa #8BE9FD on #FF79C6 1.72:1 Fail
Aa #F8F8F2 on #FFB86C 1.60:1 Fail
Aa #282A36 on #44475A 1.56:1 Fail
Aa #FFB86C on #F1FA8C 1.52:1 Fail
Aa #6272A4 on #FF5555 1.50:1 Fail
Aa #FFB86C on #BD93F9 1.42:1 Fail
Aa #FFB86C on #FF79C6 1.40:1 Fail
Aa #FF5555 on #FF79C6 1.32:1 Fail
Aa #F8F8F2 on #8BE9FD 1.30:1 Fail
Aa #FF5555 on #BD93F9 1.30:1 Fail
Aa #F8F8F2 on #50FA7B 1.29:1 Fail
Aa #FFB86C on #50FA7B 1.24:1 Fail
Aa #F1FA8C on #8BE9FD 1.24:1 Fail
Aa #FFB86C on #8BE9FD 1.23:1 Fail
Aa #F1FA8C on #50FA7B 1.23:1 Fail
Aa #F8F8F2 on #F1FA8C 1.05:1 Fail
Aa #50FA7B on #8BE9FD 1.01:1 Fail
Aa #BD93F9 on #FF79C6 1.01:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors