Sign Up Sign Up
Petite 8 Afterdark

Petite 8 Afterdark

8-color palette · Warm · Dark · Complementary harmony

Back to Library

Petite 8 Afterdark

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

Modify
Earthy 8 colors Warm Dark Complementary artist monoramp adigunpolack
Likes 45
Colors 8

CSS variables

:root {
  --c-earthy-1: #070810;
  --c-earthy-2: #0D0F11;
  --c-earthy-3: #161C20;
  --c-earthy-4: #272B29;
  --c-earthy-5: #4B4A27;
  --c-earthy-6: #776131;
  --c-earthy-7: #A07C43;
  --c-earthy-8: #BB9A67;
}

About this palette

This 8-color earthy palette runs from Rustic City (#BB9A67) as its lightest tone to Narwhal Grey (#070810) as its darkest. It blends Narwhal Grey, Ruined Smores, River Styx, Graphite Black, Nori Seaweed Green, Himalaya, Wood Thrush and Rustic City 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 #070810 on #BB9A67 at 7.54:1.

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

Color breakdown

Narwhal Grey #070810
RGB
rgb(7, 8, 16)
HSL
hsl(233, 39%, 5%)
Luminance
0.003
Ruined Smores #0D0F11
RGB
rgb(13, 15, 17)
HSL
hsl(210, 13%, 6%)
Luminance
0.005
River Styx #161C20
RGB
rgb(22, 28, 32)
HSL
hsl(204, 19%, 11%)
Luminance
0.011
Graphite Black #272B29
RGB
rgb(39, 43, 41)
HSL
hsl(150, 5%, 16%)
Luminance
0.023
Nori Seaweed Green #4B4A27
RGB
rgb(75, 74, 39)
HSL
hsl(58, 32%, 22%)
Luminance
0.065
Himalaya #776131
RGB
rgb(119, 97, 49)
HSL
hsl(41, 42%, 33%)
Luminance
0.127
Wood Thrush #A07C43
RGB
rgb(160, 124, 67)
HSL
hsl(37, 41%, 45%)
Luminance
0.223
Rustic City #BB9A67
RGB
rgb(187, 154, 103)
HSL
hsl(36, 38%, 57%)
Luminance
0.347

Contrast & accessibility

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

Aa #070810 on #BB9A67 7.54:1 AAA
Aa #0D0F11 on #BB9A67 7.25:1 AAA
Aa #161C20 on #BB9A67 6.50:1 AA
Aa #272B29 on #BB9A67 5.42:1 AA
Aa #070810 on #A07C43 5.19:1 AA
Aa #0D0F11 on #A07C43 4.99:1 AA
Aa #161C20 on #A07C43 4.47:1 AA Large
Aa #272B29 on #A07C43 3.73:1 AA Large
Aa #4B4A27 on #BB9A67 3.44:1 AA Large
Aa #070810 on #776131 3.37:1 AA Large
Aa #0D0F11 on #776131 3.24:1 AA Large
Aa #161C20 on #776131 2.90:1 Fail
Aa #272B29 on #776131 2.42:1 Fail
Aa #4B4A27 on #A07C43 2.37:1 Fail
Aa #776131 on #BB9A67 2.24:1 Fail
Aa #070810 on #4B4A27 2.20:1 Fail
Aa #0D0F11 on #4B4A27 2.11:1 Fail
Aa #161C20 on #4B4A27 1.89:1 Fail
Aa #272B29 on #4B4A27 1.58:1 Fail
Aa #776131 on #A07C43 1.54:1 Fail
Aa #4B4A27 on #776131 1.53:1 Fail
Aa #A07C43 on #BB9A67 1.45:1 Fail
Aa #070810 on #272B29 1.39:1 Fail
Aa #0D0F11 on #272B29 1.34:1 Fail
Aa #161C20 on #272B29 1.20:1 Fail
Aa #070810 on #161C20 1.16:1 Fail
Aa #0D0F11 on #161C20 1.12:1 Fail
Aa #070810 on #0D0F11 1.04: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