Back to palettes

Palette

Desert Ochre Earth

Earthy tones reflect the sun-drenched, weathered beauty of ancient desert landscapes and forgotten ruins.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Ochre Earth reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Desert Ochre Earth.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#F4A460#CD853F#D2B48C#BC8F8F#8B4513

Palette guide

How to use Desert Ochre Earth

Overview

The Desert Ochre Earth palette is a rich tapestry of sun-drenched, weathered hues, perfect for projects demanding a natural, historical, or robust aesthetic. It features the vibrant orange-ochre of #F4A460 and the deeper #CD853F, evoking sun-baked clay and ancient desert structures. The lighter, grounding #D2B48C provides a soft, sandy base, while #BC8F8F adds a unique, muted rose-brown accent reminiscent of aged terracotta. Completing the set, the deep, foundational #8B4513 offers strong contrast and a sense of timeless heritage. This palette is an excellent choice for designers and developers aiming to convey authenticity, warmth, and an connection to natural history through their visual language.

Best used for

  • Historical documentary interfaces
  • Artisan craft e-commerce sites
  • Museum and cultural institution branding
  • Rustic and vintage-themed designs
  • Environmental and conservation projects
  • Traditional food and beverage packaging

Suggested color roles

primary

Use #CD853F as a dominant brand color for headers, calls-to-action, or important sections, providing warmth and energy.

secondary

Apply #D2B48C for supporting elements, background panels, or subheadings, offering a soft, neutral anchor.

accent

Employ #F4A460 for vibrant accents, interactive elements, or eye-catching details, bringing a bright, energetic pop.

background

Designate #D2B48C as a primary background color, allowing the deeper ochres and browns to truly shine.

text

Utilize #8B4513 for body text and critical information, ensuring strong contrast and excellent readability across lighter tones.

Accessibility notes

  • Ensure #8B4513 text has sufficient contrast against #D2B48C and #BC8F8F for optimal readability, especially for body copy.
  • Exercise caution when using #F4A460 for text on #CD853F backgrounds; check contrast ratios carefully.
  • For interactive elements, consider pairing #F4A460 with a dark text color like #8B4513 to meet accessibility standards.
  • Avoid using #BC8F8F as text on #D2B48C without significant size or weight to ensure legibility.

Recommended combinations

Ancient Scroll

Creates a warm, aged parchment look, ideal for subtle backgrounds with rich, contrasting text.

#D2B48C · #BC8F8F · #8B4513

Sunbaked Clay

Excellent for highlighting key features or creating a vivid, energetic section with strong contrast.

#CD853F · #F4A460 · #8B4513

Desert Horizon

Use for gradients or layered elements that transition from light sand to vibrant sunset hues.

#D2B48C · #CD853F · #F4A460

CSS variables

:root {
  --desert-ochre-earth-1: #F4A460;
  --desert-ochre-earth-2: #CD853F;
  --desert-ochre-earth-3: #D2B48C;
  --desert-ochre-earth-4: #BC8F8F;
  --desert-ochre-earth-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-ochre-earth": {
        1: "#F4A460",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#BC8F8F",
        5: "#8B4513",
      }
    }
  }
}

Related searches

desert ochre color paletteearthy orange brown schemeancient desert colorswarm natural hex codesterracotta brand palette

Palette colors

Hex values

Color 1#F4A460
·
Color 2#CD853F
·
Color 3#D2B48C
·
Color 4#BC8F8F
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1:1Fail
1.4:1Fail
3.5:1AA18
2
1.5:1Fail
1.5:1Fail
1.1:1Fail
2.4:1Fail
3
1:1Fail
1.5:1Fail
1.4:1Fail
3.6:1AA18
4
1.4:1Fail
1.1:1Fail
1.4:1Fail
2.5:1Fail
5
3.5:1AA18
2.4:1Fail
3.6:1AA18
2.5:1Fail

Similar palettes

More like Desert Ochre Earth

View all earth
Ancient Desert Sands
Ancient Desert Sands
Ancient Desert Sands
Ancient Egyptian Sands
Ancient Pyramid Sun
Arid Blossom Mirage