Back to palettes

Palette

Desert Sands Dune

Soft, harmonious tans and beiges echo the gentle curves and endless expanses of desert sand dunes.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Sands Dune 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 Sands Dune.

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

Data visualization

#E8D9C7#D1C2AD#B9AA95#A0937F#867B69

Palette guide

How to use Desert Sands Dune

Overview

The Desert Sands Dune palette offers a soft, harmonious collection of tans and beiges, echoing the gentle curves and endless expanses of desert sand dunes. It progresses from the very light, inviting #E8D9C7 and the balanced #D1C2AD, through the richer #B9AA95 and #A0937F, to the deep, grounding #867B69. This collection is perfect for designers seeking a minimalist, serene, and sophisticated aesthetic. It provides excellent depth and natural harmony, ideal for creating a sense of calm, spaciousness, and organic connection to nature in digital or print media, emphasizing understated elegance and timeless appeal.

Best used for

  • Minimalist branding and packaging
  • High-end neutral web design
  • Eco-friendly and sustainable products
  • Serene interior design concepts
  • Fine art photography portfolios
  • UI/UX with a calming, organic feel

Suggested color roles

primary

Use #867B69 for strong headings, borders, or foundational elements, providing a deep, stable anchor.

secondary

Apply #A0937F for larger content blocks or prominent UI components, offering a balanced, earthy mid-tone.

accent

Employ #B9AA95 for interactive elements or subtle highlights, adding a touch of grounded warmth.

background

Utilize #E8D9C7 for clean, expansive backgrounds, ensuring good contrast for darker text and a luminous feel.

text

For optimal readability, use #867B69 for body text on lighter backgrounds, or a crisp white/off-white on the darkest shades.

Accessibility notes

  • Ensure #867B69 text has strong contrast against #E8D9C7 and #D1C2AD.
  • #E8D9C7 and #D1C2AD may not provide enough contrast for text when paired closely.
  • The lighter shades like #B9AA95 or #A0937F should be avoided for small text against similarly light backgrounds.
  • Always test color contrast ratios for all text and interactive elements to meet WCAG standards.

Recommended combinations

Dune Layers

Creates a harmonious, calm gradient, excellent for serene backgrounds or large hero sections.

#E8D9C7 · #B9AA95 · #867B69

Sand Echoes

Perfect for designs needing a subtle, earthy feel with depth, like product displays or soft branding.

#D1C2AD · #A0937F · #E8D9C7

Grounded Beige

Suitable for robust designs requiring clear hierarchy with a warm, natural touch.

#867B69 · #B9AA95 · #D1C2AD

CSS variables

:root {
  --desert-sands-dune-2-1: #E8D9C7;
  --desert-sands-dune-2-2: #D1C2AD;
  --desert-sands-dune-2-3: #B9AA95;
  --desert-sands-dune-2-4: #A0937F;
  --desert-sands-dune-2-5: #867B69;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-sands-dune-2": {
        1: "#E8D9C7",
        2: "#D1C2AD",
        3: "#B9AA95",
        4: "#A0937F",
        5: "#867B69",
      }
    }
  }
}

Related searches

desert beige color paletteminimalist sand toneswarm neutral earth schemenatural calm web designmonochromatic sand colors

Palette colors

Hex values

Color 1#E8D9C7
·
Color 2#D1C2AD
·
Color 3#B9AA95
·
Color 4#A0937F
·
Color 5#867B69
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.2:1Fail
3:1AA18
2
1.3:1Fail
1.3:1Fail
1.7:1Fail
2.4:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
2.2:1Fail
1.7:1Fail
1.3:1Fail
1.4:1Fail
5
3:1AA18
2.4:1Fail
1.8:1Fail
1.4:1Fail

Similar palettes

More like Desert Sands Dune

View all neutral
Zen Sand Garden
Adobe Sunstone Hues
Desert Moon Sands
Sandy Dune Horizon
Whispering Sand Dunes
Zen Sand Garden