Sign Up Sign Up
Haunted Woods

Haunted Woods

12-color palette · Cool · Dark · Complementary harmony

Back to Library

Haunted Woods

12-color palette · Cool temperature · Dark tone · Complementary harmony

Modify
Earthy 12 colors Cool Dark Complementary green orange blue forest
Likes 14
Colors 12

CSS variables

:root {
  --c-earthy-1: #09001A;
  --c-earthy-2: #001730;
  --c-earthy-3: #192A47;
  --c-earthy-4: #273746;
  --c-earthy-5: #332F16;
  --c-earthy-6: #324A46;
  --c-earthy-7: #64757B;
  --c-earthy-8: #96746D;
  --c-earthy-9: #B57163;
  --c-earthy-10: #8C9DB7;
  --c-earthy-11: #D1A582;
  --c-earthy-12: #EED59A;
}

About this palette

This 12-color earthy palette runs from White Corn (#EED59A) as its lightest tone to Midnight Jam (#09001A) as its darkest. It blends Midnight Jam, Oxford by Night, Rurikon Blue, Tahitian Pearl, Olivenite, Frontier, Wharf View, Mulberry Silk, Vin Cuit, Forever Blue, Sunset Beige and White Corn into a single set you can drop straight into a UI. Of its 66 color pairings, 18 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #09001A on #EED59A at 14.24:1.

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

Color breakdown

Midnight Jam #09001A
RGB
rgb(9, 0, 26)
HSL
hsl(261, 100%, 5%)
Luminance
0.001
Oxford by Night #001730
RGB
rgb(0, 23, 48)
HSL
hsl(211, 100%, 9%)
Luminance
0.008
Rurikon Blue #192A47
RGB
rgb(25, 42, 71)
HSL
hsl(218, 48%, 19%)
Luminance
0.023
Tahitian Pearl #273746
RGB
rgb(39, 55, 70)
HSL
hsl(209, 28%, 21%)
Luminance
0.036
Olivenite #332F16
RGB
rgb(51, 47, 22)
HSL
hsl(52, 40%, 14%)
Luminance
0.028
Frontier #324A46
RGB
rgb(50, 74, 70)
HSL
hsl(170, 19%, 24%)
Luminance
0.060
Wharf View #64757B
RGB
rgb(100, 117, 123)
HSL
hsl(196, 10%, 44%)
Luminance
0.169
Mulberry Silk #96746D
RGB
rgb(150, 116, 109)
HSL
hsl(10, 16%, 51%)
Luminance
0.201
Vin Cuit #B57163
RGB
rgb(181, 113, 99)
HSL
hsl(10, 36%, 55%)
Luminance
0.225
Forever Blue #8C9DB7
RGB
rgb(140, 157, 183)
HSL
hsl(216, 23%, 63%)
Luminance
0.331
Sunset Beige #D1A582
RGB
rgb(209, 165, 130)
HSL
hsl(27, 46%, 66%)
Luminance
0.421
White Corn #EED59A
RGB
rgb(238, 213, 154)
HSL
hsl(42, 71%, 77%)
Luminance
0.681

Contrast & accessibility

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

Aa #09001A on #EED59A 14.24:1 AAA
Aa #001730 on #EED59A 12.55:1 AAA
Aa #192A47 on #EED59A 9.99:1 AAA
Aa #332F16 on #EED59A 9.38:1 AAA
Aa #09001A on #D1A582 9.17:1 AAA
Aa #273746 on #EED59A 8.49:1 AAA
Aa #001730 on #D1A582 8.08:1 AAA
Aa #09001A on #8C9DB7 7.42:1 AAA
Aa #324A46 on #EED59A 6.63:1 AA
Aa #001730 on #8C9DB7 6.54:1 AA
Aa #192A47 on #D1A582 6.43:1 AA
Aa #332F16 on #D1A582 6.04:1 AA
Aa #273746 on #D1A582 5.47:1 AA
Aa #09001A on #B57163 5.36:1 AA
Aa #192A47 on #8C9DB7 5.21:1 AA
Aa #09001A on #96746D 4.89:1 AA
Aa #332F16 on #8C9DB7 4.89:1 AA
Aa #001730 on #B57163 4.73:1 AA
Aa #273746 on #8C9DB7 4.43:1 AA Large
Aa #001730 on #96746D 4.30:1 AA Large
Aa #324A46 on #D1A582 4.27:1 AA Large
Aa #09001A on #64757B 4.26:1 AA Large
Aa #192A47 on #B57163 3.76:1 AA Large
Aa #001730 on #64757B 3.75:1 AA Large
Aa #332F16 on #B57163 3.53:1 AA Large
Aa #324A46 on #8C9DB7 3.46:1 AA Large
Aa #192A47 on #96746D 3.43:1 AA Large
Aa #64757B on #EED59A 3.34:1 AA Large
Aa #332F16 on #96746D 3.22:1 AA Large
Aa #273746 on #B57163 3.20:1 AA Large
Aa #192A47 on #64757B 2.99:1 Fail
Aa #273746 on #96746D 2.91:1 Fail
Aa #96746D on #EED59A 2.91:1 Fail
Aa #332F16 on #64757B 2.80:1 Fail
Aa #B57163 on #EED59A 2.65:1 Fail
Aa #273746 on #64757B 2.54:1 Fail
Aa #324A46 on #B57163 2.50:1 Fail
Aa #324A46 on #96746D 2.28:1 Fail
Aa #09001A on #324A46 2.15:1 Fail
Aa #64757B on #D1A582 2.15:1 Fail
Aa #324A46 on #64757B 1.98:1 Fail
Aa #8C9DB7 on #EED59A 1.92:1 Fail
Aa #001730 on #324A46 1.89:1 Fail
Aa #96746D on #D1A582 1.88:1 Fail
Aa #64757B on #8C9DB7 1.74:1 Fail
Aa #B57163 on #D1A582 1.71:1 Fail
Aa #09001A on #273746 1.68:1 Fail
Aa #D1A582 on #EED59A 1.55:1 Fail
Aa #09001A on #332F16 1.52:1 Fail
Aa #96746D on #8C9DB7 1.52:1 Fail
Aa #192A47 on #324A46 1.51:1 Fail
Aa #001730 on #273746 1.48:1 Fail
Aa #09001A on #192A47 1.43:1 Fail
Aa #332F16 on #324A46 1.41:1 Fail
Aa #B57163 on #8C9DB7 1.38:1 Fail
Aa #001730 on #332F16 1.34:1 Fail
Aa #273746 on #324A46 1.28:1 Fail
Aa #001730 on #192A47 1.26:1 Fail
Aa #64757B on #B57163 1.26:1 Fail
Aa #8C9DB7 on #D1A582 1.24:1 Fail
Aa #192A47 on #273746 1.18:1 Fail
Aa #64757B on #96746D 1.15:1 Fail
Aa #09001A on #001730 1.14:1 Fail
Aa #273746 on #332F16 1.10:1 Fail
Aa #96746D on #B57163 1.10:1 Fail
Aa #192A47 on #332F16 1.07:1 Fail

Similar palettes

#212121 #323232 #0D7377 #14FFEC
4 colors
#0A2647 #144272 #205295 #2C74B3
4 colors
#040D12 #183D3D #5C8374 #93B1A6
4 colors
#142850 #27496D #0C7B93 #00A8CC
4 colors
#635985 #443C68 #393053 #18122B
4 colors
#000000 #150050 #3F0071 #610094
4 colors
#151515 #301B3F #3C415C #B4A5A5
4 colors
#041C32 #04293A #064663 #ECB365
4 colors