Sign Up Sign Up
Mahyellaw '22

Mahyellaw '22

8-color palette · Neutral · Dark · Complementary harmony

Back to Library

Mahyellaw '22

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

Modify
Earthy 8 colors Neutral Dark Complementary warm old retro
Likes 146
Colors 8

CSS variables

:root {
  --c-earthy-1: #060B11;
  --c-earthy-2: #0C1023;
  --c-earthy-3: #10182E;
  --c-earthy-4: #182634;
  --c-earthy-5: #5E1A20;
  --c-earthy-6: #8D402F;
  --c-earthy-7: #BE794F;
  --c-earthy-8: #E3B47A;
}

About this palette

This 8-color earthy palette runs from High Plateau (#E3B47A) as its lightest tone to Dark Rift (#060B11) as its darkest. It blends Dark Rift, Corbeau, Liberty Blue, Abyssal Anchorfish Blue, Red Oxide, Carmen Miranda, Rakuda Brown and High Plateau into a single set you can drop straight into a UI. Of its 28 color pairings, 8 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #060B11 on #E3B47A at 10.41:1.

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

Color breakdown

Dark Rift #060B11
RGB
rgb(6, 11, 17)
HSL
hsl(213, 48%, 5%)
Luminance
0.003
Corbeau #0C1023
RGB
rgb(12, 16, 35)
HSL
hsl(230, 49%, 9%)
Luminance
0.006
Liberty Blue #10182E
RGB
rgb(16, 24, 46)
HSL
hsl(224, 48%, 12%)
Luminance
0.010
Abyssal Anchorfish Blue #182634
RGB
rgb(24, 38, 52)
HSL
hsl(210, 37%, 15%)
Luminance
0.018
Red Oxide #5E1A20
RGB
rgb(94, 26, 32)
HSL
hsl(355, 57%, 24%)
Luminance
0.032
Carmen Miranda #8D402F
RGB
rgb(141, 64, 47)
HSL
hsl(11, 50%, 37%)
Luminance
0.095
Rakuda Brown #BE794F
RGB
rgb(190, 121, 79)
HSL
hsl(23, 46%, 53%)
Luminance
0.252
High Plateau #E3B47A
RGB
rgb(227, 180, 122)
HSL
hsl(33, 65%, 68%)
Luminance
0.504

Contrast & accessibility

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

Aa #060B11 on #E3B47A 10.41:1 AAA
Aa #0C1023 on #E3B47A 9.94:1 AAA
Aa #10182E on #E3B47A 9.29:1 AAA
Aa #182634 on #E3B47A 8.11:1 AAA
Aa #5E1A20 on #E3B47A 6.73:1 AA
Aa #060B11 on #BE794F 5.68:1 AA
Aa #0C1023 on #BE794F 5.42:1 AA
Aa #10182E on #BE794F 5.06:1 AA
Aa #182634 on #BE794F 4.42:1 AA Large
Aa #8D402F on #E3B47A 3.81:1 AA Large
Aa #5E1A20 on #BE794F 3.67:1 AA Large
Aa #060B11 on #8D402F 2.73:1 Fail
Aa #0C1023 on #8D402F 2.61:1 Fail
Aa #10182E on #8D402F 2.44:1 Fail
Aa #182634 on #8D402F 2.13:1 Fail
Aa #8D402F on #BE794F 2.08:1 Fail
Aa #BE794F on #E3B47A 1.83:1 Fail
Aa #5E1A20 on #8D402F 1.77:1 Fail
Aa #060B11 on #5E1A20 1.55:1 Fail
Aa #0C1023 on #5E1A20 1.48:1 Fail
Aa #10182E on #5E1A20 1.38:1 Fail
Aa #060B11 on #182634 1.28:1 Fail
Aa #0C1023 on #182634 1.23:1 Fail
Aa #182634 on #5E1A20 1.20:1 Fail
Aa #10182E on #182634 1.15:1 Fail
Aa #060B11 on #10182E 1.12:1 Fail
Aa #0C1023 on #10182E 1.07:1 Fail
Aa #060B11 on #0C1023 1.05:1 Fail

Similar palettes

#000000 #3E065F #700B97 #8E05C2
4 colors
#000000 #150050 #3F0071 #FB2576
4 colors
#000000 #3E432E #616F39 #A7D129
4 colors
#4B5D67 #322F3D #59405C #87556F
4 colors
#18230F #27391C #255F38 #1F7D53
4 colors
#FF5200 #6F0000 #00263B #00A1AB
4 colors
#000000 #0F6292 #16FF00 #FFED00
4 colors
#251D3A #2A2550 #E04D01 #FF7700
4 colors