Back to palettes

Palette

Sahara Dunes

Warm, shifting tones of sand and clay, evoking the vast, ancient landscapes of a sun-baked desert.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#EDC9AF#F0D8B6#F4E7CE#D4B18A#BE9E70

Palette guide

How to use Sahara Dunes

Overview

The Sahara Dunes palette captures the vast, shifting landscapes of a sun-baked desert with its warm, natural tones of sand and clay. Featuring the inviting #EDC9AF, the soft #F0D8B6, and the airy #F4E7CE, it provides a gentle, expansive base. Deeper tones like #D4B18A and #BE9E70 add grounded warmth and texture, reflecting ancient landscapes. This palette is an excellent choice for designers and developers aiming for an organic, serene, or subtly luxurious aesthetic, perfect for evoking natural beauty and understated elegance in digital and print media.

Best used for

  • Eco-friendly brand identities
  • Natural skincare and cosmetic packaging
  • Travel and adventure blog themes
  • Bohemian and minimalist interior design
  • Art installations and photography backdrops
  • Sustainable lifestyle product branding

Suggested color roles

primary

Use #D4B18A as a classic, warm sand primary for main content areas, headers, or backgrounds, offering a grounded feel.

secondary

Apply #BE9E70 for supporting elements, subheadings, or accents, providing a slightly deeper, more defined beige.

accent

Employ #EDC9AF as a lighter, inviting highlight for interactive elements, buttons, or delicate graphic details.

background

Utilize #F4E7CE as a soft, airy background, creating an open and serene canvas that complements the earthy tones.

text

For optimal readability, a deep brown or charcoal is recommended for body text. For larger headings on darker backgrounds, #F0D8B6 can offer a subtle, warm contrast.

Accessibility notes

  • This is a very light palette; dark text (deep brown or charcoal) is crucial for meeting WCAG contrast standards on any background color.
  • Avoid using #F0D8B6 or #F4E7CE for small body text as contrast will likely be insufficient against similar light hues.
  • The darker #BE9E70 can be used for text on #F4E7CE or #F0D8B6, but ensure sufficient contrast for readability.
  • Always test text and background color combinations with a contrast checker to ensure accessibility.

Recommended combinations

Dune Peaks

An airy and bright blend, ideal for clean website layouts, delicate branding, or subtle background textures.

#F4E7CE · #F0D8B6 · #EDC9AF

Desert Horizon

Creates a grounded and natural depth, suitable for content blocks, navigation, or earthy branding.

#D4B18A · #BE9E70 · #EDC9AF

Sandy Layers

A soft, harmonious blend perfect for showcasing products, creating gradients, or editorial design.

#EDC9AF · #D4B18A · #F4E7CE

CSS variables

:root {
  --sahara-dunes-1: #EDC9AF;
  --sahara-dunes-2: #F0D8B6;
  --sahara-dunes-3: #F4E7CE;
  --sahara-dunes-4: #D4B18A;
  --sahara-dunes-5: #BE9E70;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sahara-dunes": {
        1: "#EDC9AF",
        2: "#F0D8B6",
        3: "#F4E7CE",
        4: "#D4B18A",
        5: "#BE9E70",
      }
    }
  }
}

Related searches

desert beige color palettenatural sand tones schemeearthy neutral colorswarm clay color guidesun-baked landscape palette

Palette colors

Hex values

Color 1#EDC9AF
·
Color 2#F0D8B6
·
Color 3#F4E7CE
·
Color 4#D4B18A
·
Color 5#BE9E70
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.3:1Fail
1.3:1Fail
1.6:1Fail
2
1.1:1Fail
1.1:1Fail
1.5:1Fail
1.8:1Fail
3
1.3:1Fail
1.1:1Fail
1.6:1Fail
2.1:1Fail
4
1.3:1Fail
1.5:1Fail
1.6:1Fail
1.3:1Fail
5
1.6:1Fail
1.8:1Fail
2.1:1Fail
1.3:1Fail

Similar palettes

More like Sahara Dunes

View all earth