24+ palettes

Earth Tone Palettes

Discover earthy color palettes inspired by nature — terracotta, sage, sand, and wood tones.

earth tone colorsnatural color paletteterracotta palettewarm earth tones

Design guide

Everything you need to know about Earth Tone Palettes

Earth tone palettes draw from the natural world, the browns, terracottas, sage greens, sandy beiges, and ochre yellows of soil, clay, foliage, and stone. These colors have experienced a significant resurgence in modern design as audiences have responded to their warmth, authenticity, and connection to nature. From interior design to brand identity to web design, earth tones communicate organic quality, craft, and a grounded sensibility that feels like a counterpoint to the high-tech aesthetic that has dominated digital design.

1

What Colors Count as Earth Tones?

Earth tones are defined by their natural origin and warm-to-neutral temperature. The core family includes: terracotta and clay (#C4673B, #A0522D, #8B5E52), sandy and oat whites (#E8D5C4, #D4C4A8, #C2B280), sage and olive greens (#7B9954, #808000, #6B7C5A), warm and rich browns (#8B4513, #7C6543, #5C4033), and muted ochre and mustard yellows (#CC8800, #B8860B, #D4A76A).

True earth tones are not simply desaturated versions of primary colors, they carry warmth and a specific lived quality that comes from mixing multiple pigments. A sage green is not just a faded green; it has brown undertones that give it the dusty character of dried herbs.

2

Earth Tones in Modern Brand Design

Earth tone palettes have become central to sustainable, organic, and craft brand aesthetics. Food and beverage brands use terracotta and warm brown to signal authenticity and natural ingredients. Home goods and interior brands use warm neutrals and sage green to evoke quality and permanence. Wellness brands use muted earth tones to communicate natural ingredients and grounded mindfulness.

The key to modern earth tone branding is avoiding the tired "organic business" cliché, the overly literal combination of brown, green, and craft paper that reads as generic. The most successful contemporary earth tone brands use unexpected specificity: a particular terracotta combined with a dusty lavender, or a warm olive with a deep chocolate brown and bleached cream.

3

Earth Tones in Web and UI Design

Earth tones in web design face a specific challenge: they tend toward medium-to-low contrast combinations that can fail accessibility requirements. Terracotta on warm cream, olive green on sandy beige, these combinations look beautiful to the eye but may not achieve the 4.5:1 ratio required for text.

The solution is strategic contrast management: use earth tones as background tints and accent elements, and ensure body text uses the darkest available earth tone or a near-black. Deep espresso brown (#2C1810), rich dark olive (#2D3A1E), and near-black warm charcoal (#1C1714) are excellent text colors that maintain the warmth of an earth tone palette while providing sufficient contrast.

CSS Variables
css
:root {
  --earth-clay: #C4673B;
  --earth-sage: #7B9954;
  --earth-cream: #FEFAE0;
  --earth-brown: #8B4513;
  --earth-sand: #D4C4A8;
  --text-primary: #2C1810;
  --text-secondary: #6B4C3B;
}

Export any palette directly as CSS variables — one click, no account needed. Generate a full scale →

Accessibility note

Earth tone combinations often have insufficient contrast for body text, warm terracotta on cream, for example, may fall below WCAG AA. Always use the darkest available earth tone (deep espresso or near-black warm charcoal) for body text, and verify all combinations with the Contrast Checker.

Check contrast now

Common Use Cases

Sustainable brandsFood and beverageInterior designWellness brandsPhotographyArtisan products

Frequently Asked Questions

1

What are earth tone colors?

Earth tones are warm, muted colors drawn from nature — browns, terracottas, sage greens, sandy beiges, and ochre yellows that evoke soil, clay, and foliage.

2

What is earth tone palette used for?

Earth tones are popular in interior design, sustainable brands, organic food packaging, and any aesthetic that communicates warmth, authenticity, and connection to nature.

3

What colors are in an earth tone palette?

Common earth tone colors include terracotta (#C4673B), clay (#8B5E52), sage (#7B9954), sand (#C2B280), olive (#808000), and warm brown (#8B4513).