Palette

Whispering Sands Dune

Captures the gentle, shifting tones of sunlit desert dunes and their subtle shadows.

neutralcalm5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E5D3B3#F0EAD6#F1ECC3#C0C2B6#D4BC8F

Palette guide

How to use Whispering Sands Dune

Overview

The Whispering Sands Dune palette captures the subtle, shifting tones of sunlit desert dunes and their gentle shadows. Featuring warm, muted tones like #E5D3B3 and #F1ECC3, alongside the cooler #C0C2B6 and the rich #D4BC8F, this collection is perfect for designs that seek to convey quiet warmth, organic beauty, and understated elegance. It offers a balanced visual experience, ideal for projects inspired by natural landscapes and serene environments. Designers can leverage these hues to craft inviting digital interfaces, authentic branding, or editorial content that resonates with a calm and earthy aesthetic.

Best used for

Desert-themed web designs
Warm minimalist branding
Organic product packaging
Quiet UI/UX interfaces
Travel and nature blogs
Handmade craft e-commerce

Suggested color roles

primary

Use #F0EAD6 as a dominant background or canvas color to establish a soft, warm, and inviting foundation.

secondary

Apply #E5D3B3 for content blocks, secondary navigation, or subtle graphic elements, providing gentle visual interest.

accent

Employ #D4BC8F for impactful accents, buttons, or important calls to action, offering a touch of richness and grounding.

background

The lightest shade, #F1ECC3, works well as a clean, airy background, allowing other colors to softly emerge.

text

A deep brown (e.g., #4A3C2B) or a dark gray would provide optimal readability against the lighter palette colors.

Accessibility notes

Ensure dark text is used on #F1ECC3, #F0EAD6, and #E5D3B3 for readability, as these are very light.
The darker #D4BC8F provides good contrast for text on the lightest backgrounds.
Avoid using #C0C2B6 for text on #F1ECC3 without careful contrast checking.
For interactive elements, using #D4BC8F ensures clear visibility and meets WCAG standards on light backgrounds.

Recommended combinations

Sunlit Base

Creates a warm, layered background for web pages or print, evoking a soft, sun-kissed feel.

#F1ECC3 · #F0EAD6 · #E5D3B3

Grounded Earth

Ideal for headings, feature sections, or branding elements that need to stand out with an organic presence.

#E5D3B3 · #D4BC8F · #C0C2B6

Subtle Contrast

Excellent for high-contrast text or illustrations on a light background, balancing warmth and clarity.

#F1ECC3 · #D4BC8F · #C0C2B6

CSS variables

:root {
  --whispering-sands-dune-1: #E5D3B3;
  --whispering-sands-dune-2: #F0EAD6;
  --whispering-sands-dune-3: #F1ECC3;
  --whispering-sands-dune-4: #C0C2B6;
  --whispering-sands-dune-5: #D4BC8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-sands-dune": {
        1: "#E5D3B3",
        2: "#F0EAD6",
        3: "#F1ECC3",
        4: "#C0C2B6",
        5: "#D4BC8F",
      }
    }
  }
}

Hex values

Color 1#E5D3B3

Color 2#F0EAD6

Color 3#F1ECC3

Color 4#C0C2B6

Color 5#D4BC8F

Accessibility

Contrast checker

1.2:1Fail

1.3:1Fail

1.2:1Fail

1:1Fail

1.5:1Fail

1.2:1Fail

1:1Fail

1.5:1Fail

1.2:1Fail

1.5:1Fail

1:1Fail

1.3:1Fail

1.5:1Fail

1:1Fail

Similar palettes

More like Whispering Sands Dune

Whispering Sands Dune

See it in context.

Ready when you are.

Built with Whispering Sands Dune.

How to use Whispering Sands Dune

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Sunlit Base

Grounded Earth

Subtle Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Whispering Sands Dune