Back to palettes

Palette

Whispering Dune Breeze

Gentle and airy, this palette captures the subtle movement and warmth of desert sands.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Dune Breeze 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 Dune Breeze.

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

Data visualization

#F5DEB3#D2B48C#DEB887#CD853F#BC8F8F

Palette guide

How to use Whispering Dune Breeze

Overview

The Whispering Dune Breeze palette captures the gentle movement and warmth of desert sands with a collection of soft, earthy tones. Featuring inviting shades like the bright sand of #F5DEB3, the classic beige of #D2B48C, and the rich, grounding brown of #CD853F, this palette offers a serene and natural aesthetic. The unexpected touch of muted rose in #BC8F8F adds a subtle layer of sophistication, making it versatile for designs that aim to be both tranquil and engaging. It's an excellent choice for evoking a sense of calm, natural beauty, and understated elegance.

Best used for

  • Home decor and interior design concepts
  • Natural cosmetics and skincare products
  • Travel and eco-tourism branding
  • Artisanal craft and handmade goods websites
  • Serene web design and user interfaces
  • Editorial content with a natural, earthy feel

Suggested color roles

primary

Utilize #DEB887 as a versatile base color for sections and primary content areas, offering a warm foundation.

secondary

Employ #D2B48C for supporting elements, subheadings, or as a lighter accent against darker tones.

accent

Apply #CD853F for strong call-to-actions, important highlights, or grounding visual anchors.

background

The lightest shade, #F5DEB3, is perfect for spacious page backgrounds, creating an airy and open feel.

text

Use #CD853F for headings and body text to ensure excellent readability, or a deep charcoal for general text.

Accessibility notes

  • Ensure sufficient contrast when pairing lighter shades like #F5DEB3 with #D2B48C for text or interactive elements.
  • The deep #CD853F provides excellent contrast for text on light backgrounds.
  • Be mindful of contrast when using #BC8F8F; it may require a much darker text color for readability.
  • Test all text and background color combinations to meet WCAG contrast guidelines.

Recommended combinations

Dune Horizon

Ideal for hero images or banner sections, creating a sense of depth and warmth.

#F5DEB3 · #D2B48C · #CD853F

Earthy Blush

Excellent for subtle branding elements, testimonials, or decorative accents.

#DEB887 · #BC8F8F · #D2B48C

Grounded Sand

Perfect for high-contrast text and background pairs, ensuring readability.

#CD853F · #F5DEB3 · #DEB887

CSS variables

:root {
  --whispering-dune-breeze-2-1: #F5DEB3;
  --whispering-dune-breeze-2-2: #D2B48C;
  --whispering-dune-breeze-2-3: #DEB887;
  --whispering-dune-breeze-2-4: #CD853F;
  --whispering-dune-breeze-2-5: #BC8F8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-dune-breeze-2": {
        1: "#F5DEB3",
        2: "#D2B48C",
        3: "#DEB887",
        4: "#CD853F",
        5: "#BC8F8F",
      }
    }
  }
}

Related searches

dune color schemesnatural earth tone palettewarm beige designserene landscape colorsrustic desert aesthetic

Palette colors

Hex values

Color 1#F5DEB3
·
Color 2#D2B48C
·
Color 3#DEB887
·
Color 4#CD853F
·
Color 5#BC8F8F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.4:1Fail
2.3:1Fail
2.1:1Fail
2
1.5:1Fail
1.1:1Fail
1.5:1Fail
1.4:1Fail
3
1.4:1Fail
1.1:1Fail
1.6:1Fail
1.5:1Fail
4
2.3:1Fail
1.5:1Fail
1.6:1Fail
1.1:1Fail
5
2.1:1Fail
1.4:1Fail
1.5:1Fail
1.1:1Fail

Similar palettes

More like Whispering Dune Breeze

View all earth
Clay Desert Rose
Whispering Dune Breeze
Whispering Dune Sands
Whispering Dune Breeze
Whispering Sagebrush Dusk
Ancient Moss Whisper