How do I use a earth tones palette?

Use the darkest tone for text, the palest for large surfaces, and the most saturated color as the accent. Click any swatch to copy its hex, or open a palette in the generator to adjust it.

Are these real named colors?

Every swatch links to its closest curated color page, with codes, tints and shades, palettes, and contrast data.

Can I export a palette?

Yes. Open it in the generator for CSS, Tailwind, SCSS, SwiftUI, Android, and JSON exports, plus a shareable link.

Earth Tones color palette

Three earth tones palettes generated from color theory. Every swatch copies its hex; every name opens that color's full page; every palette opens in the generator, visualizer, or recolor tool.

Hidden Passage #382D00 Scorzonera Brown #504B00 Fiji Green #636D12 Athonian Camoshade #729145 Broccoli #8EB267

Earth Tones palette 1 Open in generator Preview Recolor

Chrysophobia #4A2100 Bloodtracker Brown #6A3C00 Soil of Avagddu #895B00 Cloisonné Gold #A27F28 Forest Tent #B8A54E

Earth Tones palette 2 Open in generator Preview Recolor

Stirland Mud #422700 Notorious Neanderthal #604300 Ground Earth #7C6300 Potter Green #91872D Sour Apple #A4AC57

Earth Tones palette 3 Open in generator Preview Recolor

Use it

Put palette 1 to work

The three roles applied: this vignette is rendered from palette 1, not a mockup.

Text and headings: Hidden Passage #382D00

Because the darkest tone holds contrast on light surfaces.
Large surfaces: Broccoli #8EB267

Because the palest tone covers backgrounds without shouting.
The accent: Athonian Camoshade #729145

Because the most saturated color earns the buttons and highlights.

Explore

Explore these colors

FAQ

Common questions

How do I use a earth tones palette?: Use the darkest tone for text, the palest for large surfaces, and the most saturated color as the accent. Click any swatch to copy its hex, or open a palette in the generator to adjust it.
Are these real named colors?: Every swatch links to its closest curated color page, with codes, tints and shades, palettes, and contrast data.
Can I export a palette?: Yes. Open it in the generator for CSS, Tailwind, SCSS, SwiftUI, Android, and JSON exports, plus a shareable link.

Generate more earth tones palettes with locked colors and full exports.