Back to palettes

Palette

Whispering Dune Sands

Soft, shifting sands of desert dunes, bathed in the gentle, ever-changing light of the sun.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8860B#D2B48C#F5DEB3#FAEBD7#FDF5E6

Palette guide

How to use Whispering Dune Sands

Overview

The Whispering Dune Sands palette evokes the soft, shifting sands of desert dunes, bathed in the gentle, ever-changing light of the sun. This collection features a harmonious blend of light, airy tones like #FDF5E6 and #FAEBD7, complemented by the warm, inviting beige of #D2B48C and the richer golden brown of #B8860B. It's an ideal choice for designs seeking to convey understated luxury, natural elegance, and a sense of calm expanse. The palette's subtle variations offer versatility for creating depth while maintaining a sophisticated, minimalist aesthetic.

Best used for

  • Luxury resort and hospitality branding
  • High-end cosmetics and skincare packaging
  • Art galleries and exhibition design
  • Sophisticated publications and editorial layouts
  • Minimalist interior design concepts
  • E-commerce platforms for premium goods

Suggested color roles

primary

Utilize #D2B48C as a warm, inviting base for main content areas, offering a versatile yet soft foundation.

secondary

Apply #F5DEB3 for supporting elements, subheadings, or as a lighter accent against deeper tones.

accent

Employ #B8860B for strong call-to-actions, important highlights, or grounding visual anchors, adding a touch of richness.

background

The lightest shade, #FDF5E6, is perfect for expansive page backgrounds, creating an airy and luxurious feel.

text

Use #B8860B for headings and body text to ensure excellent readability against lighter shades, or a deep charcoal for general text.

Accessibility notes

  • Ensure sufficient contrast for text, as many colors in this palette are very light. Darker text is crucial.
  • Avoid using #FDF5E6 or #FAEBD7 for small text; readability will be significantly compromised.
  • The rich #B8860B provides excellent contrast for text on all lighter palette colors.
  • Test all text and background color combinations to meet WCAG contrast guidelines for accessibility.

Recommended combinations

Golden Hour

Ideal for hero sections or branding elements, evoking a soft, luminous quality.

#FDF5E6 · #FAEBD7 · #B8860B

Shifting Sands

Excellent for defining content blocks, card elements, or layered backgrounds with subtle transitions.

#D2B48C · #F5DEB3 · #FAEBD7

Rich Contrast

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

#B8860B · #FDF5E6 · #F5DEB3

CSS variables

:root {
  --whispering-dune-sands-1: #B8860B;
  --whispering-dune-sands-2: #D2B48C;
  --whispering-dune-sands-3: #F5DEB3;
  --whispering-dune-sands-4: #FAEBD7;
  --whispering-dune-sands-5: #FDF5E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-dune-sands": {
        1: "#B8860B",
        2: "#D2B48C",
        3: "#F5DEB3",
        4: "#FAEBD7",
        5: "#FDF5E6",
      }
    }
  }
}

Related searches

light sand palettedesert neutral colorsminimalist warm tonesluxury beige palettesubtle earth tones

Palette colors

Hex values

Color 1#B8860B
·
Color 2#D2B48C
·
Color 3#F5DEB3
·
Color 4#FAEBD7
·
Color 5#FDF5E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.5:1Fail
2.8:1Fail
3:1AA18
2
1.7:1Fail
1.5:1Fail
1.7:1Fail
1.8:1Fail
3
2.5:1Fail
1.5:1Fail
1.1:1Fail
1.2:1Fail
4
2.8:1Fail
1.7:1Fail
1.1:1Fail
1.1:1Fail
5
3:1AA18
1.8:1Fail
1.2:1Fail
1.1:1Fail

Similar palettes

More like Whispering Dune Sands

View all earth