Back to palettes

Palette

Whispering Dune Breeze

The gentle movement of wind across desert dunes, carrying a sense of peace and expansive silence.

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#CD853F#87CEEB#ADD8E6

Palette guide

How to use Whispering Dune Breeze

Overview

The Whispering Dune Breeze palette beautifully captures the gentle movement of wind across desert dunes, infused with a sense of peace and expansive silence. This unique collection combines warm, inviting sands like #F5DEB3 and #D2B48C with unexpected, serene sky blues such as #87CEEB and #ADD8E6. The grounding presence of #CD853F adds depth and contrast, making this palette ideal for designs that aim to blend natural warmth with a refreshing coolness. It's a versatile choice for evoking landscapes where golden earth meets an endless blue sky.

Best used for

  • Travel agencies focusing on desert or sky destinations
  • Eco-tourism and outdoor adventure brands
  • Educational content about nature and landscapes
  • Tranquil web interfaces and mobile apps
  • Home decor with a natural and airy feel
  • Photography portfolios showcasing natural scenes

Suggested color roles

primary

Use #D2B48C as a warm, inviting base for main content areas, providing a solid foundation.

secondary

Employ #CD853F for grounding elements, important headings, or to add a touch of rich contrast.

accent

Apply #87CEEB or #ADD8E6 for refreshing highlights, interactive elements, or to represent sky/water elements.

background

The lightest sand, #F5DEB3, serves as an excellent airy background, creating a sense of openness.

text

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

Accessibility notes

  • Ensure sufficient contrast between light background colors (e.g., #F5DEB3) and text, especially with the lighter blues.
  • The darker #CD853F provides good contrast for text on all lighter palette colors.
  • Be mindful when using #87CEEB or #ADD8E6 for text; pair them with very dark backgrounds or ensure large font sizes.
  • Test text and interactive elements to meet WCAG contrast guidelines for all combinations.

Recommended combinations

Desert Sky

Ideal for hero sections, banners, or illustrations that blend warm earth with cool sky.

#F5DEB3 · #87CEEB · #CD853F

Breeze Layers

Excellent for creating distinct but harmonious content blocks or layered backgrounds.

#D2B48C · #ADD8E6 · #CD853F

Grounded Blue

Perfect for high-contrast accents, call-to-action buttons, or iconography.

#CD853F · #87CEEB · #ADD8E6

CSS variables

:root {
  --whispering-dune-breeze-4-1: #F5DEB3;
  --whispering-dune-breeze-4-2: #D2B48C;
  --whispering-dune-breeze-4-3: #CD853F;
  --whispering-dune-breeze-4-4: #87CEEB;
  --whispering-dune-breeze-4-5: #ADD8E6;
}

Tailwind config

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

Related searches

desert sky colorswarm and cool palettenature landscape colorsserene outdoor designtravel brand color palette

Palette colors

Hex values

Color 1#F5DEB3
·
Color 2#D2B48C
·
Color 3#CD853F
·
Color 4#87CEEB
·
Color 5#ADD8E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
1.3:1Fail
1.2:1Fail
2
1.5:1Fail
1.5:1Fail
1.1:1Fail
1.3:1Fail
3
2.3:1Fail
1.5:1Fail
1.7:1Fail
2:1Fail
4
1.3:1Fail
1.1:1Fail
1.7:1Fail
1.1:1Fail
5
1.2:1Fail
1.3:1Fail
2:1Fail
1.1:1Fail

Similar palettes

More like Whispering Dune Breeze

View all earth