Sign Up Sign Up
CliffCamp

CliffCamp

12-color palette · Warm · Mixed · Complementary harmony

Back to Library

CliffCamp

12-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Earthy 12 colors Warm Mixed Complementary muted desert cozy
Likes 53
Colors 12

CSS variables

:root {
  --c-earthy-1: #E1CC9D;
  --c-earthy-2: #9C5B3E;
  --c-earthy-3: #2A201E;
  --c-earthy-4: #344456;
  --c-earthy-5: #4C7554;
  --c-earthy-6: #94B85A;
  --c-earthy-7: #573139;
  --c-earthy-8: #9B3644;
  --c-earthy-9: #D65743;
  --c-earthy-10: #65B8BA;
  --c-earthy-11: #486983;
  --c-earthy-12: #CBA146;
}

About this palette

This 12-color earthy palette runs from Prairie Land (#E1CC9D) as its lightest tone to Orka Black (#2A201E) as its darkest. It blends Prairie Land, Chocolate Fountain, Orka Black, Aristocratic Blue, Killarney, Happy Tune, Nectar of the Gods, High Drama, Scarlet Sun, Fresh Soft Blue, Eames for Blue and Golden Touch into a single set you can drop straight into a UI. Of its 66 color pairings, 9 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #E1CC9D on #2A201E at 10.07:1.

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

Color breakdown

Prairie Land #E1CC9D
RGB
rgb(225, 204, 157)
HSL
hsl(41, 53%, 75%)
Luminance
0.616
Chocolate Fountain #9C5B3E
RGB
rgb(156, 91, 62)
HSL
hsl(19, 43%, 43%)
Luminance
0.149
Orka Black #2A201E
RGB
rgb(42, 32, 30)
HSL
hsl(10, 17%, 14%)
Luminance
0.016
Aristocratic Blue #344456
RGB
rgb(52, 68, 86)
HSL
hsl(212, 25%, 27%)
Luminance
0.055
Killarney #4C7554
RGB
rgb(76, 117, 84)
HSL
hsl(132, 21%, 38%)
Luminance
0.149
Happy Tune #94B85A
RGB
rgb(148, 184, 90)
HSL
hsl(83, 40%, 54%)
Luminance
0.413
Nectar of the Gods #573139
RGB
rgb(87, 49, 57)
HSL
hsl(347, 28%, 27%)
Luminance
0.045
High Drama #9B3644
RGB
rgb(155, 54, 68)
HSL
hsl(352, 48%, 41%)
Luminance
0.100
Scarlet Sun #D65743
RGB
rgb(214, 87, 67)
HSL
hsl(8, 64%, 55%)
Luminance
0.215
Fresh Soft Blue #65B8BA
RGB
rgb(101, 184, 186)
HSL
hsl(181, 38%, 56%)
Luminance
0.406
Eames for Blue #486983
RGB
rgb(72, 105, 131)
HSL
hsl(206, 29%, 40%)
Luminance
0.131
Golden Touch #CBA146
RGB
rgb(203, 161, 70)
HSL
hsl(41, 56%, 54%)
Luminance
0.386

Contrast & accessibility

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

Aa #E1CC9D on #2A201E 10.07:1 AAA
Aa #E1CC9D on #573139 7.00:1 AAA
Aa #2A201E on #94B85A 7.00:1 AAA
Aa #2A201E on #65B8BA 6.89:1 AA
Aa #2A201E on #CBA146 6.59:1 AA
Aa #E1CC9D on #344456 6.32:1 AA
Aa #94B85A on #573139 4.87:1 AA
Aa #573139 on #65B8BA 4.79:1 AA
Aa #573139 on #CBA146 4.58:1 AA
Aa #E1CC9D on #9B3644 4.43:1 AA Large
Aa #344456 on #94B85A 4.40:1 AA Large
Aa #344456 on #65B8BA 4.33:1 AA Large
Aa #344456 on #CBA146 4.14:1 AA Large
Aa #2A201E on #D65743 4.01:1 AA Large
Aa #E1CC9D on #486983 3.68:1 AA Large
Aa #E1CC9D on #9C5B3E 3.35:1 AA Large
Aa #E1CC9D on #4C7554 3.35:1 AA Large
Aa #94B85A on #9B3644 3.08:1 AA Large
Aa #9B3644 on #65B8BA 3.03:1 AA Large
Aa #9C5B3E on #2A201E 3.01:1 AA Large
Aa #2A201E on #4C7554 3.01:1 AA Large
Aa #9B3644 on #CBA146 2.90:1 Fail
Aa #573139 on #D65743 2.79:1 Fail
Aa #2A201E on #486983 2.74:1 Fail
Aa #94B85A on #486983 2.56:1 Fail
Aa #344456 on #D65743 2.52:1 Fail
Aa #65B8BA on #486983 2.52:1 Fail
Aa #E1CC9D on #D65743 2.51:1 Fail
Aa #486983 on #CBA146 2.41:1 Fail
Aa #9C5B3E on #94B85A 2.33:1 Fail
Aa #4C7554 on #94B85A 2.33:1 Fail
Aa #9C5B3E on #65B8BA 2.29:1 Fail
Aa #4C7554 on #65B8BA 2.29:1 Fail
Aa #2A201E on #9B3644 2.27:1 Fail
Aa #9C5B3E on #CBA146 2.19:1 Fail
Aa #4C7554 on #CBA146 2.19:1 Fail
Aa #9C5B3E on #573139 2.09:1 Fail
Aa #4C7554 on #573139 2.09:1 Fail
Aa #573139 on #486983 1.90:1 Fail
Aa #9C5B3E on #344456 1.89:1 Fail
Aa #344456 on #4C7554 1.89:1 Fail
Aa #9B3644 on #D65743 1.76:1 Fail
Aa #94B85A on #D65743 1.75:1 Fail
Aa #344456 on #486983 1.72:1 Fail
Aa #D65743 on #65B8BA 1.72:1 Fail
Aa #D65743 on #CBA146 1.65:1 Fail
Aa #2A201E on #344456 1.59:1 Fail
Aa #573139 on #9B3644 1.58:1 Fail
Aa #E1CC9D on #CBA146 1.53:1 Fail
Aa #E1CC9D on #65B8BA 1.46:1 Fail
Aa #D65743 on #486983 1.46:1 Fail
Aa #E1CC9D on #94B85A 1.44:1 Fail
Aa #2A201E on #573139 1.44:1 Fail
Aa #344456 on #9B3644 1.43:1 Fail
Aa #9C5B3E on #D65743 1.33:1 Fail
Aa #4C7554 on #D65743 1.33:1 Fail
Aa #9C5B3E on #9B3644 1.32:1 Fail
Aa #4C7554 on #9B3644 1.32:1 Fail
Aa #9B3644 on #486983 1.21:1 Fail
Aa #344456 on #573139 1.11:1 Fail
Aa #9C5B3E on #486983 1.10:1 Fail
Aa #4C7554 on #486983 1.10:1 Fail
Aa #94B85A on #CBA146 1.06:1 Fail
Aa #65B8BA on #CBA146 1.05:1 Fail
Aa #94B85A on #65B8BA 1.02:1 Fail
Aa #9C5B3E on #4C7554 1.00:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors