Back to palettes

Palette

Whispering Dune Breeze

Soft, delicate colors that capture the gentle movement of sand dunes under a clear sky.

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

#DEB887#D2B48C#F5DEB3#FFFACD#FAEBD7

Palette guide

How to use Whispering Dune Breeze

Overview

The Whispering Dune Breeze palette features soft, delicate colors that capture the gentle movement of sand dunes under a clear sky. This collection, defined by subtle variations of beige and nearly-white tones like #DEB887, #D2B48C, and the luminous #FFFACD, creates an incredibly calm and airy aesthetic. The inclusion of #F5DEB3 and #FAEBD7 further enhances its soft, expansive feel, making it perfect for designs that require a minimalist, elegant, and serene touch. It's an ideal choice for evoking tranquility and understated beauty.

Best used for

  • Wedding stationery and event branding
  • Feminine lifestyle and fashion blogs
  • Delicate product packaging design
  • Minimalist UI for wellness or meditation apps
  • High-end photography portfolios
  • Spa and relaxation brand identities

Suggested color roles

primary

Utilize #DEB887 as a soft, inviting base for main content areas, providing gentle warmth.

secondary

Apply #D2B48C for supporting elements, subheadings, or as a slightly deeper tone against the lightest shades.

accent

Employ #FFFACD for subtle highlights, interactive elements, or to add a touch of luminous brightness.

background

The lightest hues, #FFFACD and #FAEBD7, are perfect for expansive, airy page backgrounds, promoting calm.

text

For optimal readability, use a dark brown (#5C4033 or similar) or deep charcoal (#333333) for body text and headings.

Accessibility notes

  • Crucial to ensure sufficient contrast for text, as all colors are very light. Dark text is essential.
  • Avoid using any of the palette colors for text on similar light backgrounds; readability will be poor.
  • When pairing similar light shades, use clear spacing or subtle borders to define elements.
  • Always test text and interactive elements against chosen backgrounds to meet WCAG contrast guidelines.

Recommended combinations

Airy Sand

Ideal for subtle background gradients or layered textures, creating a sense of depth.

#FFFACD · #FAEBD7 · #F5DEB3

Gentle Flow

Excellent for defining content blocks or card elements with a soft distinction.

#DEB887 · #D2B48C · #F5DEB3

Luminous Touch

Perfect for highlight elements or interactive components against a slightly deeper base.

#FFFACD · #DEB887 · #F5DEB3

CSS variables

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

Tailwind config

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

Related searches

light beige palettesubtle sand colorsminimalist earth tonesdelicate design palettesoft neutral colors

Palette colors

Hex values

Color 1#DEB887
·
Color 2#D2B48C
·
Color 3#F5DEB3
·
Color 4#FFFACD
·
Color 5#FAEBD7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1.8:1Fail
1.6:1Fail
2
1.1:1Fail
1.5:1Fail
1.9:1Fail
1.7:1Fail
3
1.4:1Fail
1.5:1Fail
1.2:1Fail
1.1:1Fail
4
1.8:1Fail
1.9:1Fail
1.2:1Fail
1.1:1Fail
5
1.6:1Fail
1.7:1Fail
1.1:1Fail
1.1:1Fail

Similar palettes

More like Whispering Dune Breeze

View all earth
Whispering Dune Sands
Whispering Dune Breeze
Clay Desert Rose
Coastal Dune Grass
Wheat Dune Whisper
Whispering Dune Breeze