Earth Tone Palettes
Discover earthy color palettes inspired by nature — terracotta, sage, sand, and wood 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.
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.
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.
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.
: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 nowCommon Use Cases
Free Tools to Work with This Palette
Frequently Asked Questions
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.
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.
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).
Keep exploring
More palettes you'll probably love
Cool, calm & always in style
Blue Color Palettes →
Soft drops of pure sweetness
Pastel Color Palettes →
Pixels deserve better dressing
UI Color Schemes →
Dark side has better contrast
Dark Mode Palettes →
Curated for your vibes, bestie
Aesthetic Palettes →
Golden hour in your clipboard
Sunset Color Palettes →
404: Grey found — try green
Forest & Botanical →
Brightness cranked to illegal
Neon & Cyberpunk →
50 shades of actually useful
Monochrome & Greyscale →
Nostalgia hits different in HEX
Retro & Vintage →
Vacation mode: activated
Tropical & Summer →
Hygge but make it CSS
Nordic & Scandinavian →
Fall-ing for these colors
Autumn & Fall →
Something borrowed, something blue
Wedding & Romantic →
Vibes + wet sand + great CSS
Ocean & Coastal →
Enough color to cause a scene
Tutti Frutti →
The colors that built the internet
Brand Color Palettes →
Cold outside, stunning in CSS
Winter Color Palettes →
Fresh blooms for your next project
Spring Color Palettes →
Systematic beauty at scale
Design System Palettes →
Color your feelings, on purpose