What counts as an "earth tone"?

Earth tones are warm, muted, low-saturation colors derived from natural pigments — browns, tans, ochres, siennas, terracottas, beiges, and warm grays. They are characterized by hues between red-orange and yellow, low-to-medium saturation, and a wide range of lightness.

How are the companion colors calculated?

The base color is converted to HSL. Five companions are derived by applying small hue shifts (±5° to ±25°), saturation reductions (keeping tones muted), and lightness steps that span from a lighter tint to a deeper shade — all constrained to the warm, earthy part of the spectrum.

Can I use these colors for both web and print?

The palette is generated in the RGB/HEX color space, which is correct for screens and digital work. For print, convert to CMYK in a dedicated color management application, as RGB and CMYK gamuts differ especially for warm muted tones.

What if my custom color is not an earth tone?

The generator still works, but the companion colors are always pulled toward warm, muted earthy hues. If your base is a vivid blue or green, the output may look unexpected — that is by design, as the algorithm biases results toward the earth-tone range.

How do I pick the right palette for my project?

Try the presets first: Desert Dust suits arid, minimal aesthetics; Terracotta is vivid and Mediterranean; Forest Floor is cooler and more olive-green; Sahara Sand is light and sandy; Volcanic Ash is dark and moody; River Pebble is neutral and versatile.

Earth Tone Palette Generator

Name: Earth Tone Palette Generator
Availability: InStock
Author: Nham Vu

Pick a preset or enter a custom base color to generate a warm, muted earth-tone palette with hex and RGB copy buttons.

Choose a Starting Point

Curated Presets

Custom Base Color

Active Palette

—

Select a preset or enter a hex color to generate a palette

Copied!

Summary

Pick a preset or enter a custom base color to generate a warm, muted earth-tone palette with hex and RGB copy buttons.

How it works

Choose a curated preset palette or enter a custom base hex color.
The tool derives five complementary earth tones by adjusting hue, saturation, and lightness within the warm, muted range.
Each color swatch displays its hex code and RGB value.
Click "Copy HEX" or "Copy RGB" under any swatch to copy it to your clipboard.
Use the color picker to choose any custom base color visually.
Switch presets at any time to explore different earth-tone families.

Use cases

Design warm, natural-feeling UI themes for wellness or lifestyle brands.
Build cohesive color palettes for interior design mockups.
Create earthy color schemes for packaging, print, and branding.
Find natural accent colors for photography overlays or social media graphics.
Generate tonal palettes for pottery, ceramics, or craft project references.
Quickly prototype muted, organic color systems in Figma or CSS.
Explore earthy color families for illustration and watercolor work.

Frequently Asked Questions

Last updated: 2026-06-09 · Reviewed by Nham Vu