Back to palettes

Palette

Whispering Dune Breeze

Soft, muted yellows and beiges that capture the serene movement of wind across sunlit desert dunes.

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

#C8AD88#E2C092#FAE3C8#DED2BC#B39B7C

Palette guide

How to use Whispering Dune Breeze

Overview

The Whispering Dune Breeze palette offers a sophisticated blend of soft, muted yellows and beiges, perfectly capturing the serene movement of wind across sunlit desert dunes. With shades like the inviting #C8AD88, the warm #E2C092, and the delicate, almost-white #FAE3C8, this palette exudes calm and understated elegance. The grounding presence of #B39B7C adds depth, ensuring versatility for both airy and robust design applications. It's an excellent choice for designers aiming to create a minimalist, luxurious, and naturally inspired aesthetic that feels both refined and welcoming.

Best used for

  • Minimalist branding and web design
  • Luxury homeware and furniture collections
  • Natural skincare and beauty product lines
  • Architectural visualization and renderings
  • High-end fashion and lifestyle blogs
  • Sophisticated editorial layouts and print media

Suggested color roles

primary

Use #DED2BC as a sophisticated base for content areas, offering a clean, muted backdrop.

secondary

Apply #E2C092 for secondary elements, subheadings, or as a warmer accent against lighter tones.

accent

Employ #B39B7C for grounding accents, important calls-to-action, or strong visual anchors.

background

The lightest shade, #FAE3C8, is ideal for expansive page backgrounds, creating an airy and subtle canvas.

text

Utilize #B39B7C for headings and body text to provide excellent readability, or a rich dark grey for general text.

Accessibility notes

  • Ensure adequate contrast, especially when pairing similar light shades like #FAE3C8 and #DED2BC for text or interactive elements.
  • The darker #B39B7C provides good contrast for text on lighter backgrounds.
  • Avoid using the lighter shades for small text; always prioritize readability.
  • Test all color combinations to meet WCAG contrast guidelines for accessibility.

Recommended combinations

Soft Horizon

Perfect for elegant background gradients or subtle section dividers, evoking gentle transitions.

#FAE3C8 · #DED2BC · #E2C092

Grounded Elegance

Ideal for sophisticated branding, logos, or strong visual anchors within a design.

#B39B7C · #C8AD88 · #E2C092

Muted Contrast

Excellent for card backgrounds, testimonials, or secondary content blocks, maintaining softness.

#E2C092 · #FAE3C8 · #DED2BC

CSS variables

:root {
  --whispering-dune-breeze-3-1: #C8AD88;
  --whispering-dune-breeze-3-2: #E2C092;
  --whispering-dune-breeze-3-3: #FAE3C8;
  --whispering-dune-breeze-3-4: #DED2BC;
  --whispering-dune-breeze-3-5: #B39B7C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-dune-breeze-3": {
        1: "#C8AD88",
        2: "#E2C092",
        3: "#FAE3C8",
        4: "#DED2BC",
        5: "#B39B7C",
      }
    }
  }
}

Related searches

muted beige paletteminimalist earth tonesserene desert colorsluxury neutral palettesubtle branding colors

Palette colors

Hex values

Color 1#C8AD88
·
Color 2#E2C092
·
Color 3#FAE3C8
·
Color 4#DED2BC
·
Color 5#B39B7C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
1.4:1Fail
1.2:1Fail
2
1.2:1Fail
1.4:1Fail
1.2:1Fail
1.5:1Fail
3
1.7:1Fail
1.4:1Fail
1.2:1Fail
2.1:1Fail
4
1.4:1Fail
1.2:1Fail
1.2:1Fail
1.8:1Fail
5
1.2:1Fail
1.5:1Fail
2.1:1Fail
1.8:1Fail

Similar palettes

More like Whispering Dune Breeze

View all Earth