Palette collection

Earth Tone Color Palettes

Earth tones feel grounded and natural. They pair warm clays and terracottas with olive greens and soft creams. Keep a dark brown or charcoal for readable text.

Best for: wellness, food, craft, sustainable, and outdoor brands.

Tip: click any HEX code below to copy it. For full editing, contrast checks, and CSS/Tailwind export, open any palette in the generator.

Terracotta — Classic terracotta

#FBF3EA#E2A77E#C56A41#6B4A33#3A2A1E

Olive Grove — Olive + cream

#F6F4EA#C9CBA3#8A8B5C#4F5232#2E2F1E

Ochre Clay — Golden ochre

#FAF4E8#E6C685#C99A3F#7A5A2E#3E2E1A

Desert Sand — Warm desert

#FBF6EE#E7CBA9#C99E76#7C5A40#3D2C1F

Sage Stone — Sage + stone

#F4F5EF#C7D0BE#92A088#4E5848#2C3226

Rust Pine — Rust + pine

#F7F1EA#D08A5E#A85A36#3F4A36#23291E

Mushroom — Soft mushroom

#F6F2EC#D8C9B6#A8917A#5E4F40#332A22

Saffron Earth — Warm saffron

#FBF5E9#EBB04A#C77B2B#6E4A28#36251A

Moss Bark — Moss + bark

#F3F4EC#B7C29A#7C8C5A#4A4030#2A2418

Adobe — Adobe clay

#FAF2E9#E0A07A#B96A4A#6E4636#3A271F

Wheat Field — Golden wheat

#FBF7EC#E4CE94#C2A153#776032#3E331C

Cocoa Sage — Cocoa + sage

#F5F3EC#CBC6A6#9A8C6A#574A39#2F271D

How to use these palettes

Start with the darkest value as text or ink, the lightest as your background, and reserve the most saturated color for primary actions. Always confirm text contrast meets at least 4.5:1 for body copy with the contrast checker before shipping.

Frequently asked questions

Can I use these palettes commercially?

Yes. Copy and use any palette here in personal, educational, or commercial work without attribution.

How do I export these to CSS or Tailwind?

Open a palette in the generator and use the Export panel to copy CSS variables, a Tailwind color object, or JSON.

Are these palettes accessible?

They are designed with readable pairings, but always verify your specific text-on-background combination with the contrast checker for your exact use case.