Sign Up Sign Up
Wheat Field

Wheat Field

10-color palette · Cool · Mixed · Complementary harmony

Back to Library

Wheat Field

10-color palette · Cool temperature · Mixed tone · Complementary harmony

Modify
Earthy 10 colors Cool Mixed Complementary warm soft wheat field
Likes 197
Colors 10

CSS variables

:root {
  --c-earthy-1: #97C89B;
  --c-earthy-2: #3E8E92;
  --c-earthy-3: #305472;
  --c-earthy-4: #1C1F2B;
  --c-earthy-5: #2C313C;
  --c-earthy-6: #625E60;
  --c-earthy-7: #999172;
  --c-earthy-8: #DFCD6D;
  --c-earthy-9: #B78F43;
  --c-earthy-10: #895C35;
}

About this palette

This 10-color earthy palette runs from Pirate Treasure (#DFCD6D) as its lightest tone to Black Howl (#1C1F2B) as its darkest. It blends Kettle Drum, Blue Chill, Heavy Blue, Black Howl, Diamond Black, Shades On, Gurkha, Pirate Treasure, Venetian Gold and Quiver into a single set you can drop straight into a UI. Of its 45 color pairings, 7 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #1C1F2B on #DFCD6D at 10.23:1.

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

Color breakdown

Kettle Drum #97C89B
RGB
rgb(151, 200, 155)
HSL
hsl(125, 31%, 69%)
Luminance
0.503
Blue Chill #3E8E92
RGB
rgb(62, 142, 146)
HSL
hsl(183, 40%, 41%)
Luminance
0.225
Heavy Blue #305472
RGB
rgb(48, 84, 114)
HSL
hsl(207, 41%, 32%)
Luminance
0.082
Black Howl #1C1F2B
RGB
rgb(28, 31, 43)
HSL
hsl(228, 21%, 14%)
Luminance
0.014
Diamond Black #2C313C
RGB
rgb(44, 49, 60)
HSL
hsl(221, 15%, 20%)
Luminance
0.031
Shades On #625E60
RGB
rgb(98, 94, 96)
HSL
hsl(330, 2%, 38%)
Luminance
0.115
Gurkha #999172
RGB
rgb(153, 145, 114)
HSL
hsl(48, 16%, 52%)
Luminance
0.282
Pirate Treasure #DFCD6D
RGB
rgb(223, 205, 109)
HSL
hsl(51, 64%, 65%)
Luminance
0.605
Venetian Gold #B78F43
RGB
rgb(183, 143, 67)
HSL
hsl(39, 46%, 49%)
Luminance
0.301
Quiver #895C35
RGB
rgb(137, 92, 53)
HSL
hsl(28, 44%, 37%)
Luminance
0.132

Contrast & accessibility

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

Aa #1C1F2B on #DFCD6D 10.23:1 AAA
Aa #97C89B on #1C1F2B 8.63:1 AAA
Aa #2C313C on #DFCD6D 8.12:1 AAA
Aa #97C89B on #2C313C 6.86:1 AA
Aa #1C1F2B on #B78F43 5.49:1 AA
Aa #1C1F2B on #999172 5.19:1 AA
Aa #305472 on #DFCD6D 4.96:1 AA
Aa #2C313C on #B78F43 4.36:1 AA Large
Aa #3E8E92 on #1C1F2B 4.29:1 AA Large
Aa #97C89B on #305472 4.19:1 AA Large
Aa #2C313C on #999172 4.12:1 AA Large
Aa #625E60 on #DFCD6D 3.98:1 AA Large
Aa #DFCD6D on #895C35 3.59:1 AA Large
Aa #3E8E92 on #2C313C 3.41:1 AA Large
Aa #97C89B on #625E60 3.36:1 AA Large
Aa #97C89B on #895C35 3.03:1 AA Large
Aa #1C1F2B on #895C35 2.85:1 Fail
Aa #305472 on #B78F43 2.66:1 Fail
Aa #1C1F2B on #625E60 2.57:1 Fail
Aa #305472 on #999172 2.52:1 Fail
Aa #3E8E92 on #DFCD6D 2.38:1 Fail
Aa #2C313C on #895C35 2.26:1 Fail
Aa #625E60 on #B78F43 2.14:1 Fail
Aa #3E8E92 on #305472 2.08:1 Fail
Aa #305472 on #1C1F2B 2.06:1 Fail
Aa #2C313C on #625E60 2.04:1 Fail
Aa #625E60 on #999172 2.02:1 Fail
Aa #97C89B on #3E8E92 2.01:1 Fail
Aa #999172 on #DFCD6D 1.97:1 Fail
Aa #B78F43 on #895C35 1.93:1 Fail
Aa #DFCD6D on #B78F43 1.86:1 Fail
Aa #999172 on #895C35 1.82:1 Fail
Aa #3E8E92 on #625E60 1.67:1 Fail
Aa #97C89B on #999172 1.66:1 Fail
Aa #305472 on #2C313C 1.64:1 Fail
Aa #97C89B on #B78F43 1.57:1 Fail
Aa #3E8E92 on #895C35 1.51:1 Fail
Aa #305472 on #895C35 1.38:1 Fail
Aa #3E8E92 on #B78F43 1.28:1 Fail
Aa #1C1F2B on #2C313C 1.26:1 Fail
Aa #305472 on #625E60 1.25:1 Fail
Aa #3E8E92 on #999172 1.21:1 Fail
Aa #97C89B on #DFCD6D 1.18:1 Fail
Aa #625E60 on #895C35 1.11:1 Fail
Aa #999172 on #B78F43 1.06:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors