Earth tone color palettes

Clay, bark, sand and moss: low-chroma colors borrowed from soil and stone. 110 palettes, each with HEX codes.

Most common colors in earthy color palettes

Clay, bark, sand and moss: low-chroma colors borrowed from soil and stone. Across all 110 earthy palettes here, these named colors come up most often. Each links to its hex, RGB and OKLCH values and the colors that go with it.

Earthy color palette hex codes

PaletteHex codes
Fig and Clay#3B2A2F #7A4B4F #B9785C #E0B893 #F3E6D3
Sagebrush Heat#360D07 #623C29 #6E816A #C1A271 #E3EACC
Terracotta Garden#441428 #893F27 #A97F5F #D0AF79 #FFE7E7
Pot Siesta#3B3A30 #5E6F55 #A4543A #F6EEE3
Walnut Kiln#271B12 #4C331C #5E6B4B #9A7656 #EEE2CC
Hemp Studio#6B4F3A #8C5A44 #687150 #B99C78 #FAF0DF
Sagebrush and Cactus#261002 #58726B #D9A066 #EBCB92 #F4E4C1
Amber Season#2A1209 #6E2C1A #B45E42 #F0C36A #F5E6C8

Click a palette for its RGB, HSL and OKLCH values, contrast pairs, color-blindness preview and exports for CSS, Tailwind and Figma.

How to use a earthy color palette

  • A earthy look comes as much from lightness and saturation as from hue, so keep new colors at a similar softness and depth.
  • Pick a dominant color, a supporting color and one accent; the remaining colors become tints and shades.
  • Check contrast for text, and test the palette in a real layout with the palette visualizer.

Frequently asked questions

What colors are in a earthy color palette?

The colors used most across these earthy palettes are Dark Brown, Pakistan Green, Chocolate Brown, Champagne, Milk Chocolate and Dark Moss Green. Clay, bark, sand and moss: low-chroma colors borrowed from soil and stone.

How many earthy color palettes are there?

There are 110 curated earthy palettes on this page, each with hex codes and free exports.

Can I edit a earthy palette?

Yes. Open any palette in the palette generator to lock, adjust or replace colors, check contrast and export to CSS, Tailwind, Figma or Adobe swatches.