Back to palettes

Palette

Whispering Dunes Echo

The serene, ever-shifting colors of desert landscapes, shaped by wind, natural and calm.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FADDE1#E6CDBB#CD853F#A9B3A7#8B4513

Palette guide

How to use Whispering Dunes Echo

Overview

The Whispering Dunes Echo palette captures the serene, ever-shifting colors of desert landscapes, shaped by wind and sun. This natural and calm collection features a gentle pinkish beige, #FADDE1, alongside a warmer sand tone, #E6CDBB. Deeper earthy hues like the rich tan of #CD853F and the grounding brown of #8B4513 provide depth, while a muted sage, #A9B3A7, adds a subtle, cool contrast. Ideal for designers and developers aiming to evoke warmth, tranquility, and organic elegance, this palette creates inviting and harmonious user experiences across various digital and physical applications, from branding to web design.

Best used for

  • Eco-conscious branding and packaging
  • Spa and wellness website design
  • Home decor and interior design inspiration
  • Natural beauty product marketing
  • Photography portfolios with earthy themes
  • Tranquil mobile application interfaces

Suggested color roles

primary

Use #CD853F as a primary brand color for warmth and approachability, or #8B4513 for a deep, grounding foundation in headers or key elements.

secondary

Employ #E6CDBB as a soft, supportive secondary color for backgrounds or less prominent UI elements, enhancing the natural feel.

accent

Introduce #A9B3A7 as a subtle accent for interactive elements or informational graphics, offering a gentle contrast without overpowering. #FADDE1 can highlight delicate details.

background

Opt for #FADDE1 for a light, airy canvas, or #E6CDBB for a slightly warmer and more substantial base that still feels open and inviting.

text

Pair a dark, readable color like #8B4513 or a deep charcoal for body text on lighter backgrounds to ensure optimal readability and maintain the earthy aesthetic.

Accessibility notes

  • Ensure sufficient contrast when placing #CD853F text on #E6CDBB backgrounds.
  • Use #8B4513 or a similar dark shade for text on #FADDE1 to meet WCAG AA standards.
  • Be mindful of #A9B3A7's contrast with both very light and very dark colors; it's best for accents or larger graphical elements.
  • Avoid using #FADDE1 text on #E6CDBB as the contrast may be too low for readability.

Recommended combinations

Warm Desert Glow

Ideal for evoking warmth and depth in hero sections or product displays, with #E6CDBB as a soft supporting element.

#CD853F · #8B4513 · #E6CDBB

Soft Sandscape

Perfect for clean, minimalist layouts, providing a gentle and airy feel for backgrounds and subtle graphic details.

#FADDE1 · #E6CDBB · #A9B3A7

Earthy Foundation

Excellent for establishing a grounded, natural aesthetic in branding, using #A9B3A7 for balance with rich earthy tones.

#A9B3A7 · #CD853F · #8B4513

CSS variables

:root {
  --whispering-dunes-echo-1: #FADDE1;
  --whispering-dunes-echo-2: #E6CDBB;
  --whispering-dunes-echo-3: #CD853F;
  --whispering-dunes-echo-4: #A9B3A7;
  --whispering-dunes-echo-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-dunes-echo": {
        1: "#FADDE1",
        2: "#E6CDBB",
        3: "#CD853F",
        4: "#A9B3A7",
        5: "#8B4513",
      }
    }
  }
}

Related searches

desert color palettesand tones designnatural earthy colorscalm website palettewarm neutral hex codes

Palette colors

Hex values

Color 1#FADDE1
·
Color 2#E6CDBB
·
Color 3#CD853F
·
Color 4#A9B3A7
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.3:1Fail
1.7:1Fail
5.6:1AA
2
1.2:1Fail
2:1Fail
1.4:1Fail
4.7:1AA
3
2.3:1Fail
2:1Fail
1.4:1Fail
2.4:1Fail
4
1.7:1Fail
1.4:1Fail
1.4:1Fail
3.3:1AA18
5
5.6:1AA
4.7:1AA
2.4:1Fail
3.3:1AA18

Similar palettes

More like Whispering Dunes Echo

View all earth
Arid Blossom Mirage
Arid Flower Sparkle
Canyon Dust Hues
Clay Canyon Artifacts
Coastal Dune Breeze
Coastal Dune Breeze