Sign Up Sign Up
Halloween Palette

Halloween Palette

7-color palette · Warm · Dark · Complementary harmony

Back to Library

Halloween Palette

7-color palette · Warm temperature · Dark tone · Complementary harmony

Modify
Earthy 7 colors Warm Dark Complementary spooky calm halloween
Likes 219
Colors 7

CSS variables

:root {
  --c-earthy-1: #171318;
  --c-earthy-2: #291B17;
  --c-earthy-3: #3B1D36;
  --c-earthy-4: #583639;
  --c-earthy-5: #59584D;
  --c-earthy-6: #998B74;
  --c-earthy-7: #A2A3DC;
}

About this palette

This 7-color earthy palette runs from Simply Violet (#A2A3DC) as its lightest tone to Dark Void (#171318) as its darkest. It blends Dark Void, Tetsu-Guro Black, Sitter Red, Dark Drama, Windgate Hill, Peat Swamp Forest and Simply Violet into a single set you can drop straight into a UI. Of its 21 color pairings, 5 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #171318 on #A2A3DC at 7.71:1.

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

Color breakdown

Dark Void #171318
RGB
rgb(23, 19, 24)
HSL
hsl(288, 12%, 8%)
Luminance
0.007
Tetsu-Guro Black #291B17
RGB
rgb(41, 27, 23)
HSL
hsl(13, 28%, 13%)
Luminance
0.013
Sitter Red #3B1D36
RGB
rgb(59, 29, 54)
HSL
hsl(310, 34%, 17%)
Luminance
0.021
Dark Drama #583639
RGB
rgb(88, 54, 57)
HSL
hsl(355, 24%, 28%)
Luminance
0.050
Windgate Hill #59584D
RGB
rgb(89, 88, 77)
HSL
hsl(55, 7%, 33%)
Luminance
0.096
Peat Swamp Forest #998B74
RGB
rgb(153, 139, 116)
HSL
hsl(37, 15%, 53%)
Luminance
0.265
Simply Violet #A2A3DC
RGB
rgb(162, 163, 220)
HSL
hsl(239, 45%, 75%)
Luminance
0.390

Contrast & accessibility

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

Aa #171318 on #A2A3DC 7.71:1 AAA
Aa #291B17 on #A2A3DC 6.97:1 AA
Aa #3B1D36 on #A2A3DC 6.23:1 AA
Aa #171318 on #998B74 5.51:1 AA
Aa #291B17 on #998B74 4.99:1 AA
Aa #3B1D36 on #998B74 4.45:1 AA Large
Aa #583639 on #A2A3DC 4.40:1 AA Large
Aa #583639 on #998B74 3.15:1 AA Large
Aa #59584D on #A2A3DC 3.01:1 AA Large
Aa #171318 on #59584D 2.56:1 Fail
Aa #291B17 on #59584D 2.32:1 Fail
Aa #59584D on #998B74 2.15:1 Fail
Aa #3B1D36 on #59584D 2.07:1 Fail
Aa #171318 on #583639 1.75:1 Fail
Aa #291B17 on #583639 1.58:1 Fail
Aa #583639 on #59584D 1.46:1 Fail
Aa #3B1D36 on #583639 1.41:1 Fail
Aa #998B74 on #A2A3DC 1.40:1 Fail
Aa #171318 on #3B1D36 1.24:1 Fail
Aa #291B17 on #3B1D36 1.12:1 Fail
Aa #171318 on #291B17 1.11:1 Fail

Similar palettes

#000000 #3D0000 #950101 #FF0000
4 colors
#E23E57 #88304E #522546 #311D3F
4 colors
#FF204E #A0153E #5D0E41 #00224D
4 colors
#030637 #3C0753 #720455 #910A67
4 colors
#1C0A00 #361500 #603601 #CC9544
4 colors
#252525 #FF0000 #AF0404 #414141
4 colors
#362222 #171010 #423F3E #2B2B2B
4 colors
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colors