Sign Up Sign Up
Rabbit

Rabbit

7-color palette · Neutral · Mixed · Complementary harmony

Back to Library

Rabbit

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

Modify
Earthy 7 colors Neutral Mixed Complementary artist grafxkid
Likes 109
Colors 7

CSS variables

:root {
  --c-earthy-1: #D47564;
  --c-earthy-2: #E8C498;
  --c-earthy-3: #ECECE0;
  --c-earthy-4: #4FA4A5;
  --c-earthy-5: #AAD395;
  --c-earthy-6: #3B324A;
  --c-earthy-7: #5C6182;
}

About this palette

This 7-color earthy palette runs from Ageless (#ECECE0) as its lightest tone to Chrysomela Goettingensis (#3B324A) as its darkest. It blends OK Corral, Electrum, Ageless, Twilight Meadow, Nature’s Delight, Chrysomela Goettingensis and Strong Iris into a single set you can drop straight into a UI. Of its 21 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #ECECE0 on #3B324A at 10.13:1.

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

Color breakdown

OK Corral #D47564
RGB
rgb(212, 117, 100)
HSL
hsl(9, 57%, 61%)
Luminance
0.276
Electrum #E8C498
RGB
rgb(232, 196, 152)
HSL
hsl(33, 63%, 75%)
Luminance
0.589
Ageless #ECECE0
RGB
rgb(236, 236, 224)
HSL
hsl(60, 24%, 90%)
Luminance
0.832
Twilight Meadow #4FA4A5
RGB
rgb(79, 164, 165)
HSL
hsl(181, 35%, 48%)
Luminance
0.309
Nature’s Delight #AAD395
RGB
rgb(170, 211, 149)
HSL
hsl(100, 41%, 71%)
Luminance
0.573
Chrysomela Goettingensis #3B324A
RGB
rgb(59, 50, 74)
HSL
hsl(263, 19%, 24%)
Luminance
0.037
Strong Iris #5C6182
RGB
rgb(92, 97, 130)
HSL
hsl(232, 17%, 44%)
Luminance
0.124

Contrast & accessibility

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

Aa #ECECE0 on #3B324A 10.13:1 AAA
Aa #E8C498 on #3B324A 7.34:1 AAA
Aa #AAD395 on #3B324A 7.16:1 AAA
Aa #ECECE0 on #5C6182 5.06:1 AA
Aa #4FA4A5 on #3B324A 4.13:1 AA Large
Aa #D47564 on #3B324A 3.75:1 AA Large
Aa #E8C498 on #5C6182 3.66:1 AA Large
Aa #AAD395 on #5C6182 3.57:1 AA Large
Aa #D47564 on #ECECE0 2.70:1 Fail
Aa #ECECE0 on #4FA4A5 2.45:1 Fail
Aa #4FA4A5 on #5C6182 2.06:1 Fail
Aa #3B324A on #5C6182 2.00:1 Fail
Aa #D47564 on #E8C498 1.96:1 Fail
Aa #D47564 on #AAD395 1.91:1 Fail
Aa #D47564 on #5C6182 1.87:1 Fail
Aa #E8C498 on #4FA4A5 1.78:1 Fail
Aa #4FA4A5 on #AAD395 1.73:1 Fail
Aa #ECECE0 on #AAD395 1.42:1 Fail
Aa #E8C498 on #ECECE0 1.38:1 Fail
Aa #D47564 on #4FA4A5 1.10:1 Fail
Aa #E8C498 on #AAD395 1.03: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