Sign Up Sign Up
Medal Of Honor

Medal Of Honor

11-color palette · Neutral · Dark · Complementary harmony

Back to Library

Medal Of Honor

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

Modify
Earthy 11 colors Neutral Dark Complementary pixelart muted metallic vintage
Likes 19
Colors 11

CSS variables

:root {
  --c-earthy-1: #1C2554;
  --c-earthy-2: #201C1A;
  --c-earthy-3: #B2C0AC;
  --c-earthy-4: #B29458;
  --c-earthy-5: #7A6643;
  --c-earthy-6: #49402B;
  --c-earthy-7: #0081C2;
  --c-earthy-8: #00517F;
  --c-earthy-9: #D64630;
  --c-earthy-10: #8F271D;
  --c-earthy-11: #5A1211;
}

About this palette

This 11-color earthy palette runs from Wedding Mint (#B2C0AC) as its lightest tone to Dynamic Black (#201C1A) as its darkest. It blends Space Cadet, Dynamic Black, Wedding Mint, Jungle Expedition, Eminent Bronze, Onion, Honolulu Blue, Cleo’s Bath, Scarlet Rebels, Vivid Auburn and Mama Africa into a single set you can drop straight into a UI. Of its 55 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #201C1A on #B2C0AC at 8.88:1.

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

Color breakdown

Space Cadet #1C2554
RGB
rgb(28, 37, 84)
HSL
hsl(230, 50%, 22%)
Luminance
0.022
Dynamic Black #201C1A
RGB
rgb(32, 28, 26)
HSL
hsl(20, 10%, 11%)
Luminance
0.012
Wedding Mint #B2C0AC
RGB
rgb(178, 192, 172)
HSL
hsl(102, 14%, 71%)
Luminance
0.501
Jungle Expedition #B29458
RGB
rgb(178, 148, 88)
HSL
hsl(40, 37%, 52%)
Luminance
0.314
Eminent Bronze #7A6643
RGB
rgb(122, 102, 67)
HSL
hsl(38, 29%, 37%)
Luminance
0.141
Onion #49402B
RGB
rgb(73, 64, 43)
HSL
hsl(42, 26%, 23%)
Luminance
0.053
Honolulu Blue #0081C2
RGB
rgb(0, 129, 194)
HSL
hsl(200, 100%, 38%)
Luminance
0.196
Cleo’s Bath #00517F
RGB
rgb(0, 81, 127)
HSL
hsl(202, 100%, 25%)
Luminance
0.074
Scarlet Rebels #D64630
RGB
rgb(214, 70, 48)
HSL
hsl(8, 67%, 51%)
Luminance
0.189
Vivid Auburn #8F271D
RGB
rgb(143, 39, 29)
HSL
hsl(5, 66%, 34%)
Luminance
0.074
Mama Africa #5A1211
RGB
rgb(90, 18, 17)
HSL
hsl(1, 68%, 21%)
Luminance
0.027

Contrast & accessibility

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

Aa #201C1A on #B2C0AC 8.88:1 AAA
Aa #1C2554 on #B2C0AC 7.65:1 AAA
Aa #B2C0AC on #5A1211 7.21:1 AAA
Aa #201C1A on #B29458 5.85:1 AA
Aa #B2C0AC on #49402B 5.38:1 AA
Aa #1C2554 on #B29458 5.04:1 AA
Aa #B29458 on #5A1211 4.75:1 AA
Aa #B2C0AC on #8F271D 4.45:1 AA Large
Aa #B2C0AC on #00517F 4.44:1 AA Large
Aa #201C1A on #0081C2 3.96:1 AA Large
Aa #201C1A on #D64630 3.85:1 AA Large
Aa #B29458 on #49402B 3.54:1 AA Large
Aa #1C2554 on #0081C2 3.41:1 AA Large
Aa #1C2554 on #D64630 3.31:1 AA Large
Aa #0081C2 on #5A1211 3.22:1 AA Large
Aa #D64630 on #5A1211 3.12:1 AA Large
Aa #201C1A on #7A6643 3.07:1 AA Large
Aa #B29458 on #8F271D 2.94:1 Fail
Aa #B29458 on #00517F 2.93:1 Fail
Aa #B2C0AC on #7A6643 2.90:1 Fail
Aa #1C2554 on #7A6643 2.64:1 Fail
Aa #7A6643 on #5A1211 2.49:1 Fail
Aa #49402B on #0081C2 2.40:1 Fail
Aa #49402B on #D64630 2.33:1 Fail
Aa #B2C0AC on #D64630 2.31:1 Fail
Aa #B2C0AC on #0081C2 2.24:1 Fail
Aa #201C1A on #00517F 2.00:1 Fail
Aa #201C1A on #8F271D 1.99:1 Fail
Aa #0081C2 on #8F271D 1.99:1 Fail
Aa #0081C2 on #00517F 1.98:1 Fail
Aa #D64630 on #8F271D 1.93:1 Fail
Aa #00517F on #D64630 1.92:1 Fail
Aa #B29458 on #7A6643 1.91:1 Fail
Aa #7A6643 on #49402B 1.86:1 Fail
Aa #1C2554 on #00517F 1.72:1 Fail
Aa #1C2554 on #8F271D 1.72:1 Fail
Aa #201C1A on #49402B 1.65:1 Fail
Aa #00517F on #5A1211 1.62:1 Fail
Aa #8F271D on #5A1211 1.62:1 Fail
Aa #7A6643 on #8F271D 1.54:1 Fail
Aa #7A6643 on #00517F 1.53:1 Fail
Aa #B2C0AC on #B29458 1.52:1 Fail
Aa #B29458 on #D64630 1.52:1 Fail
Aa #B29458 on #0081C2 1.48:1 Fail
Aa #1C2554 on #49402B 1.42:1 Fail
Aa #49402B on #5A1211 1.34:1 Fail
Aa #7A6643 on #0081C2 1.29:1 Fail
Aa #7A6643 on #D64630 1.25:1 Fail
Aa #201C1A on #5A1211 1.23:1 Fail
Aa #49402B on #00517F 1.21:1 Fail
Aa #49402B on #8F271D 1.21:1 Fail
Aa #1C2554 on #201C1A 1.16:1 Fail
Aa #1C2554 on #5A1211 1.06:1 Fail
Aa #0081C2 on #D64630 1.03:1 Fail
Aa #00517F on #8F271D 1.00: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