Sign Up Sign Up
SPOOK 12

SPOOK 12

12-color palette · Neutral · Mixed · Complementary harmony

Back to Library

SPOOK 12

12-color palette · Neutral temperature · Mixed tone · Complementary harmony

Modify
Earthy 12 colors Neutral Mixed Complementary spooky halloween monsters creepy
Likes 188
Colors 12

CSS variables

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #C1A3FF;
  --c-earthy-3: #9150E9;
  --c-earthy-4: #543593;
  --c-earthy-5: #FFDA54;
  --c-earthy-6: #CB8B4D;
  --c-earthy-7: #80BE3B;
  --c-earthy-8: #586830;
  --c-earthy-9: #FF8F47;
  --c-earthy-10: #A04732;
  --c-earthy-11: #79493E;
  --c-earthy-12: #000000;
}

About this palette

This 12-color earthy palette runs from White (#FFFFFF) as its lightest tone to Black (#000000) as its darkest. It blends White, Diva, Pericallis Hybrida, Blue Magenta Violet, Glitter Is Not Gold, Orange Nectar Bat, Jasmine Green, Deathworld Forest, Orangish, Picante, Fire Roasted and Black into a single set you can drop straight into a UI. Of its 66 color pairings, 14 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFFFFF on #000000 at 21:1.

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

Color breakdown

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminance
1.000
Diva #C1A3FF
RGB
rgb(193, 163, 255)
HSL
hsl(260, 100%, 82%)
Luminance
0.448
Pericallis Hybrida #9150E9
RGB
rgb(145, 80, 233)
HSL
hsl(265, 78%, 61%)
Luminance
0.176
Blue Magenta Violet #543593
RGB
rgb(84, 53, 147)
HSL
hsl(260, 47%, 39%)
Luminance
0.065
Glitter Is Not Gold #FFDA54
RGB
rgb(255, 218, 84)
HSL
hsl(47, 100%, 66%)
Luminance
0.720
Orange Nectar Bat #CB8B4D
RGB
rgb(203, 139, 77)
HSL
hsl(30, 55%, 55%)
Luminance
0.317
Jasmine Green #80BE3B
RGB
rgb(128, 190, 59)
HSL
hsl(88, 53%, 49%)
Luminance
0.417
Deathworld Forest #586830
RGB
rgb(88, 104, 48)
HSL
hsl(77, 37%, 30%)
Luminance
0.122
Orangish #FF8F47
RGB
rgb(255, 143, 71)
HSL
hsl(23, 100%, 64%)
Luminance
0.414
Picante #A04732
RGB
rgb(160, 71, 50)
HSL
hsl(11, 52%, 41%)
Luminance
0.122
Fire Roasted #79493E
RGB
rgb(121, 73, 62)
HSL
hsl(11, 32%, 36%)
Luminance
0.092
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000

Contrast & accessibility

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

Aa #FFFFFF on #000000 21.00:1 AAA
Aa #FFDA54 on #000000 15.41:1 AAA
Aa #C1A3FF on #000000 9.95:1 AAA
Aa #80BE3B on #000000 9.35:1 AAA
Aa #FF8F47 on #000000 9.27:1 AAA
Aa #FFFFFF on #543593 9.10:1 AAA
Aa #FFFFFF on #79493E 7.41:1 AAA
Aa #CB8B4D on #000000 7.34:1 AAA
Aa #543593 on #FFDA54 6.68:1 AA
Aa #FFFFFF on #586830 6.11:1 AA
Aa #FFFFFF on #A04732 6.10:1 AA
Aa #FFDA54 on #79493E 5.43:1 AA
Aa #FFFFFF on #9150E9 4.64:1 AA
Aa #9150E9 on #000000 4.53:1 AA
Aa #FFDA54 on #586830 4.48:1 AA Large
Aa #FFDA54 on #A04732 4.48:1 AA Large
Aa #C1A3FF on #543593 4.31:1 AA Large
Aa #543593 on #80BE3B 4.05:1 AA Large
Aa #543593 on #FF8F47 4.02:1 AA Large
Aa #C1A3FF on #79493E 3.51:1 AA Large
Aa #586830 on #000000 3.44:1 AA Large
Aa #A04732 on #000000 3.44:1 AA Large
Aa #9150E9 on #FFDA54 3.40:1 AA Large
Aa #80BE3B on #79493E 3.30:1 AA Large
Aa #FF8F47 on #79493E 3.27:1 AA Large
Aa #543593 on #CB8B4D 3.18:1 AA Large
Aa #C1A3FF on #586830 2.89:1 Fail
Aa #C1A3FF on #A04732 2.89:1 Fail
Aa #FFFFFF on #CB8B4D 2.86:1 Fail
Aa #79493E on #000000 2.84:1 Fail
Aa #80BE3B on #586830 2.72:1 Fail
Aa #80BE3B on #A04732 2.72:1 Fail
Aa #586830 on #FF8F47 2.70:1 Fail
Aa #FF8F47 on #A04732 2.69:1 Fail
Aa #CB8B4D on #79493E 2.59:1 Fail
Aa #543593 on #000000 2.31:1 Fail
Aa #FFFFFF on #FF8F47 2.26:1 Fail
Aa #FFFFFF on #80BE3B 2.25:1 Fail
Aa #C1A3FF on #9150E9 2.20:1 Fail
Aa #CB8B4D on #586830 2.13:1 Fail
Aa #CB8B4D on #A04732 2.13:1 Fail
Aa #FFFFFF on #C1A3FF 2.11:1 Fail
Aa #FFDA54 on #CB8B4D 2.10:1 Fail
Aa #9150E9 on #80BE3B 2.06:1 Fail
Aa #9150E9 on #FF8F47 2.05:1 Fail
Aa #9150E9 on #543593 1.96:1 Fail
Aa #FFDA54 on #FF8F47 1.66:1 Fail
Aa #FFDA54 on #80BE3B 1.65:1 Fail
Aa #9150E9 on #CB8B4D 1.62:1 Fail
Aa #9150E9 on #79493E 1.60:1 Fail
Aa #C1A3FF on #FFDA54 1.55:1 Fail
Aa #543593 on #586830 1.49:1 Fail
Aa #543593 on #A04732 1.49:1 Fail
Aa #FFFFFF on #FFDA54 1.36:1 Fail
Aa #C1A3FF on #CB8B4D 1.36:1 Fail
Aa #9150E9 on #586830 1.32:1 Fail
Aa #9150E9 on #A04732 1.32:1 Fail
Aa #CB8B4D on #80BE3B 1.27:1 Fail
Aa #CB8B4D on #FF8F47 1.26:1 Fail
Aa #543593 on #79493E 1.23:1 Fail
Aa #586830 on #79493E 1.21:1 Fail
Aa #A04732 on #79493E 1.21:1 Fail
Aa #C1A3FF on #FF8F47 1.07:1 Fail
Aa #C1A3FF on #80BE3B 1.06:1 Fail
Aa #80BE3B on #FF8F47 1.01:1 Fail
Aa #586830 on #A04732 1.00:1 Fail

Similar palettes

#EDF1D6 #9DC08B #609966 #40513B
4 colors
#F5F7F8 #F4CE14 #495E57 #45474B
4 colors
#222831 #393E46 #FFD369 #EEEEEE
4 colors
#000000 #52057B #892CDC #BC6FF1
4 colors
#213555 #3E5879 #D8C4B6 #F5EFE7
4 colors
#F5EFE7 #D8C4B6 #4F709C #213555
4 colors
#191A19 #1E5128 #4E9F3D #D8E9A8
4 colors
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 colors