Sign Up Sign Up
Pink&green

Pink&green

8-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Pink&green

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

Modify
Earthy 8 colors Neutral Mixed Complementary
Likes 50
Colors 8

CSS variables

:root {
  --c-earthy-1: #DAC0C0;
  --c-earthy-2: #C59A8B;
  --c-earthy-3: #9D8163;
  --c-earthy-4: #757745;
  --c-earthy-5: #3A6248;
  --c-earthy-6: #1C404B;
  --c-earthy-7: #11302F;
  --c-earthy-8: #03181E;
}

About this palette

This 8-color earthy palette runs from Peony Blush (#DAC0C0) as its lightest tone to Creeping Death (#03181E) as its darkest. It blends Peony Blush, Persian Bazaar, Hopsack, Gunmetal Green, Herbes de Provence, Bay Isle Pointe, Storm Green and Creeping Death 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 #DAC0C0 on #03181E at 10.65:1.

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

Color breakdown

Peony Blush #DAC0C0
RGB
rgb(218, 192, 192)
HSL
hsl(0, 26%, 80%)
Luminance
0.564
Persian Bazaar #C59A8B
RGB
rgb(197, 154, 139)
HSL
hsl(16, 33%, 66%)
Luminance
0.369
Hopsack #9D8163
RGB
rgb(157, 129, 99)
HSL
hsl(31, 23%, 50%)
Luminance
0.238
Gunmetal Green #757745
RGB
rgb(117, 119, 69)
HSL
hsl(62, 27%, 37%)
Luminance
0.174
Herbes de Provence #3A6248
RGB
rgb(58, 98, 72)
HSL
hsl(141, 26%, 31%)
Luminance
0.101
Bay Isle Pointe #1C404B
RGB
rgb(28, 64, 75)
HSL
hsl(194, 46%, 20%)
Luminance
0.044
Storm Green #11302F
RGB
rgb(17, 48, 47)
HSL
hsl(178, 48%, 13%)
Luminance
0.024
Creeping Death #03181E
RGB
rgb(3, 24, 30)
HSL
hsl(193, 82%, 6%)
Luminance
0.008

Contrast & accessibility

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

Aa #DAC0C0 on #03181E 10.65:1 AAA
Aa #DAC0C0 on #11302F 8.26:1 AAA
Aa #C59A8B on #03181E 7.26:1 AAA
Aa #DAC0C0 on #1C404B 6.52:1 AA
Aa #C59A8B on #11302F 5.63:1 AA
Aa #9D8163 on #03181E 4.99:1 AA
Aa #C59A8B on #1C404B 4.44:1 AA Large
Aa #DAC0C0 on #3A6248 4.07:1 AA Large
Aa #757745 on #03181E 3.89:1 AA Large
Aa #9D8163 on #11302F 3.87:1 AA Large
Aa #9D8163 on #1C404B 3.05:1 AA Large
Aa #757745 on #11302F 3.01:1 AA Large
Aa #C59A8B on #3A6248 2.77:1 Fail
Aa #DAC0C0 on #757745 2.74:1 Fail
Aa #3A6248 on #03181E 2.62:1 Fail
Aa #757745 on #1C404B 2.38:1 Fail
Aa #DAC0C0 on #9D8163 2.13:1 Fail
Aa #3A6248 on #11302F 2.03:1 Fail
Aa #9D8163 on #3A6248 1.90:1 Fail
Aa #C59A8B on #757745 1.87:1 Fail
Aa #1C404B on #03181E 1.63:1 Fail
Aa #3A6248 on #1C404B 1.60:1 Fail
Aa #757745 on #3A6248 1.48:1 Fail
Aa #DAC0C0 on #C59A8B 1.47:1 Fail
Aa #C59A8B on #9D8163 1.45:1 Fail
Aa #11302F on #03181E 1.29:1 Fail
Aa #9D8163 on #757745 1.28:1 Fail
Aa #1C404B on #11302F 1.27: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