What counts as an earth tone?

Earth tones are colors found in soil, stone, clay, and foliage: browns, tans, ochres, terracottas, and muted greens. In HSL they live mostly in the warm orange-to-yellow hues, roughly 20 to 50 degrees, plus muted greens near 60 to 110 degrees, all at moderate saturation.

How are the colors chosen?

Each swatch picks a hue from the warm earth band, then sets a moderate saturation and a lightness chosen to span the palette from a light sand to a deep soil brown. One olive-green hue is included for natural balance.

Why keep saturation moderate?

Natural materials are rarely fully saturated; pushing saturation too high makes browns look orange and greens look artificial. Holding saturation in the 25 to 55 percent range keeps the palette grounded and organic.

Are earth tones good for text?

The darker browns and olives in the palette work well for text on a light tan background. Always check that the text-to-background contrast meets at least 4.5 to 1 for body copy.

What format are the colors?

Each swatch shows a hex code such as #A8744F, computed in HSL and converted to hex, ready to paste into CSS or a design tool.

Earth Tone Palette Generator

This generator builds warm, grounded earth-tone palettes — the browns, tans, terracottas, and muted greens of natural materials. Colors are computed in HSL and converted to hex for direct use in eco, artisan, and nature-inspired designs.

How it works

Earth tones occupy specific regions of the color wheel. The generator draws each of five swatches from natural hue bands and controls lightness to span the palette:

Hues are pulled mostly from the warm earth band (≈20–50°: ochre, clay, terracotta, brown), with one muted olive-green (≈70–100°) for balance.
Saturation is held moderate (25–55%) so the colors stay organic rather than garish.
Lightness is spread across the five swatches, from a light sand down to a deep soil brown, so the palette has range.

Each HSL color is converted to a hex string for display and copying.

Tips and notes

Use the lightest tan as a background, the mid clay and terracotta as accents, and the deep brown or olive for text and borders. Keeping saturation moderate is what makes the palette read as natural — high saturation turns brown into orange. For text, pair a dark earth tone on a light tan and confirm a contrast ratio of at least 4.5:1. Click any swatch to copy its hex code.