Palette

Desert Ochre Dunes

Sun-baked hues evoking the vast, undulating landscapes of sandy desert dunes at sunset.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Ochre Dunes 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 Dunes.

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

Data visualization

#D2B48C#DEB887#BC8F8F#CD853F#8B4513

Palette guide

How to use Desert Ochre Dunes

Overview

The Desert Ochre Dunes palette captures the majestic beauty of sun-baked landscapes with its rich, earthy tones. Anchored by the soft beige of #D2B48C and the warm tan of #DEB887, it evokes vast sandy expanses. The palette introduces depth with the muted rose-brown #BC8F8F, providing a hint of weathered stone or distant hills. Stronger, more vibrant ochres like #CD853F and the deep, grounding #8B4513 complete the scheme, reminiscent of desert flora or deep shadows at sunset. This collection of hex codes is perfect for designers and developers seeking to convey natural warmth, rugged elegance, and a sense of timelessness in their projects.

Best used for

Southwestern-themed branding
Outdoor adventure websites
Rustic interior design concepts
Craft and handmade product showcases
Cultural heritage presentations
Photography portfolios (landscape)

Suggested color roles

primary

Designate #CD853F as a primary color for headings or significant visual elements, offering warmth and prominence.

secondary

Utilize #DEB887 for supporting sections, background panels, or secondary text, providing a lighter, inviting touch.

accent

Employ #BC8F8F as an accent for subtle highlights, interactive states, or decorative flourishes, adding a touch of unique warmth.

background

Use #D2B48C for clean, soft backgrounds that allow other colors to stand out while maintaining an earthy foundation.

text

Apply #8B4513 for body text and important labels, ensuring excellent readability against lighter background tones.

Accessibility notes

Ensure #8B4513 text has strong contrast when used on #D2B48C or #DEB887 backgrounds for readability.
Avoid using #BC8F8F text on #CD853F backgrounds as their similarity might hinder legibility.
Consider larger font sizes or bolder weights when using #CD853F for text on a #DEB887 background.
For interactive elements, ensure distinct visual feedback using a strong contrast color from the palette, or a pure black/white.

Recommended combinations

Sunset Glow

Excellent for evoking a sunset effect, use #DEB887 as a base, #CD853F for mid-tones, and #8B4513 for depth.

#DEB887 · #CD853F · #8B4513

Soft Earth

Ideal for serene backgrounds with a subtle, warm contrast for text and accent details.

#D2B48C · #BC8F8F · #8B4513

Dune Texture

Perfect for creating layered, sandy textures or gradients in web graphics and illustrations.

#D2B48C · #DEB887 · #CD853F

CSS variables

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

Tailwind config

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

Hex values

Color 1#D2B48C

Color 2#DEB887

Color 3#BC8F8F

Color 4#CD853F

Color 5#8B4513

Accessibility

Contrast checker

1.1:1Fail

1.4:1Fail

1.5:1Fail

3.6:1AA18

1.1:1Fail

1.5:1Fail

1.6:1Fail

3.8:1AA18

1.4:1Fail

1.5:1Fail

1.1:1Fail

2.5:1Fail

1.5:1Fail

1.6:1Fail

1.1:1Fail

2.4:1Fail

3.6:1AA18

3.8:1AA18

2.5:1Fail

2.4:1Fail

Similar palettes

More like Desert Ochre Dunes

Desert Ochre Dunes

See it in context.

Ready when you are.

Built with Desert Ochre Dunes.

How to use Desert Ochre Dunes

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sunset Glow

Soft Earth

Dune Texture

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Desert Ochre Dunes