Sign Up Sign Up
Zaebucca Forest 8

Zaebucca Forest 8

8-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Zaebucca Forest 8

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

Modify
Earthy 8 colors Neutral Mixed Complementary forest
Likes 9
Colors 8

CSS variables

:root {
  --c-earthy-1: #0C0F12;
  --c-earthy-2: #102D56;
  --c-earthy-3: #4D4A54;
  --c-earthy-4: #A48F80;
  --c-earthy-5: #8D4638;
  --c-earthy-6: #00817C;
  --c-earthy-7: #9A8BAF;
  --c-earthy-8: #EDD6B6;
}

About this palette

This 8-color earthy palette runs from Sugar Shack (#EDD6B6) as its lightest tone to Ruined Smores (#0C0F12) as its darkest. It blends Ruined Smores, Ambassador Blue, Galaxy, Zinc Blend, Suzumecha Brown, Blue Winged Teal, Saffron Blossom Mauve and Sugar Shack into a single set you can drop straight into a UI. Of its 28 color pairings, 6 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #0C0F12 on #EDD6B6 at 13.63:1.

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

Color breakdown

Ruined Smores #0C0F12
RGB
rgb(12, 15, 18)
HSL
hsl(210, 20%, 6%)
Luminance
0.005
Ambassador Blue #102D56
RGB
rgb(16, 45, 86)
HSL
hsl(215, 69%, 20%)
Luminance
0.027
Galaxy #4D4A54
RGB
rgb(77, 74, 84)
HSL
hsl(258, 6%, 31%)
Luminance
0.071
Zinc Blend #A48F80
RGB
rgb(164, 143, 128)
HSL
hsl(25, 17%, 57%)
Luminance
0.291
Suzumecha Brown #8D4638
RGB
rgb(141, 70, 56)
HSL
hsl(10, 43%, 39%)
Luminance
0.103
Blue Winged Teal #00817C
RGB
rgb(0, 129, 124)
HSL
hsl(178, 100%, 25%)
Luminance
0.172
Saffron Blossom Mauve #9A8BAF
RGB
rgb(154, 139, 175)
HSL
hsl(265, 18%, 62%)
Luminance
0.284
Sugar Shack #EDD6B6
RGB
rgb(237, 214, 182)
HSL
hsl(35, 60%, 82%)
Luminance
0.695

Contrast & accessibility

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

Aa #0C0F12 on #EDD6B6 13.63:1 AAA
Aa #102D56 on #EDD6B6 9.72:1 AAA
Aa #0C0F12 on #A48F80 6.24:1 AA
Aa #4D4A54 on #EDD6B6 6.15:1 AA
Aa #0C0F12 on #9A8BAF 6.12:1 AA
Aa #8D4638 on #EDD6B6 4.86:1 AA
Aa #102D56 on #A48F80 4.45:1 AA Large
Aa #102D56 on #9A8BAF 4.36:1 AA Large
Aa #0C0F12 on #00817C 4.06:1 AA Large
Aa #00817C on #EDD6B6 3.36:1 AA Large
Aa #102D56 on #00817C 2.89:1 Fail
Aa #0C0F12 on #8D4638 2.81:1 Fail
Aa #4D4A54 on #A48F80 2.81:1 Fail
Aa #4D4A54 on #9A8BAF 2.76:1 Fail
Aa #9A8BAF on #EDD6B6 2.23:1 Fail
Aa #0C0F12 on #4D4A54 2.22:1 Fail
Aa #A48F80 on #8D4638 2.22:1 Fail
Aa #A48F80 on #EDD6B6 2.18:1 Fail
Aa #8D4638 on #9A8BAF 2.18:1 Fail
Aa #102D56 on #8D4638 2.00:1 Fail
Aa #4D4A54 on #00817C 1.83:1 Fail
Aa #102D56 on #4D4A54 1.58:1 Fail
Aa #A48F80 on #00817C 1.54:1 Fail
Aa #00817C on #9A8BAF 1.51:1 Fail
Aa #8D4638 on #00817C 1.45:1 Fail
Aa #0C0F12 on #102D56 1.40:1 Fail
Aa #4D4A54 on #8D4638 1.27:1 Fail
Aa #A48F80 on #9A8BAF 1.02: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