Palette

Whispering Sand Dunes

Delicate, muted beiges and creams that echo the soft, shifting sands of desert dunes at twilight.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Sand Dunes 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 Sand Dunes.

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

Data visualization

#C19A6B#D4B692#E8D2BB#F2EADB#FCFBF8

Palette guide

How to use Whispering Sand Dunes

Overview

The Whispering Sand Dunes palette offers a delicate array of muted beiges and creamy whites, echoing the soft, shifting sands of desert dunes at twilight. With warm tones like #C19A6B, the airy #F2EADB, and the subtle #FCFBF8, this collection is perfect for creating designs that embody understated elegance, warmth, and tranquility. It provides a sophisticated and inviting visual experience, ideal for conveying natural serenity and refined simplicity. Designers can leverage these gentle hues to craft luxurious branding, harmonious web interfaces, or editorial content that resonates with a calm, organic aesthetic.

Best used for

Luxury lifestyle branding
Spa and wellness websites
High-end fashion e-commerce
Minimalist interior design concepts
Wedding stationery and invitations
Organic food and beverage packaging

Suggested color roles

primary

Use #D4B692 as a dominant background or content block color to establish a warm and inviting atmosphere.

secondary

Apply #C19A6B for headings, accents, or important graphic elements, providing depth and a touch of richness.

accent

Employ #E8D2BB for subtle highlights, interactive elements, or to break up larger blocks of color with gentle variation.

background

The lightest shade, #FCFBF8, is perfect for a clean, expansive background, allowing other elements to softly emerge.

text

A deep brown (e.g., #5A4B3A) or dark gray offers optimal readability against the lighter palette colors while maintaining the warm aesthetic.

Accessibility notes

Crucially, use dark text for all body copy and headings, especially on #FCFBF8, #F2EADB, and #E8D2BB.
The darker #C19A6B can be used for text on #FCFBF8, but always verify contrast ratios.
Avoid using two light colors from this palette together for text and background.
Ensure interactive elements have sufficient contrast in their default and hover states, perhaps with a darker border.

Recommended combinations

Dune Horizon

Creates a soft, layered background, perfect for evoking a tranquil, expansive desert landscape or clean UI sections.

#FCFBF8 · #F2EADB · #E8D2BB

Warm Earth

Ideal for prominent headings, primary buttons, or feature sections that require a grounded and sophisticated presence.

#D4B692 · #C19A6B · #E8D2BB

Subtle Contrast

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

#FCFBF8 · #C19A6B · #E8D2BB

CSS variables

:root {
  --whispering-sand-dunes-1: #C19A6B;
  --whispering-sand-dunes-2: #D4B692;
  --whispering-sand-dunes-3: #E8D2BB;
  --whispering-sand-dunes-4: #F2EADB;
  --whispering-sand-dunes-5: #FCFBF8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-sand-dunes": {
        1: "#C19A6B",
        2: "#D4B692",
        3: "#E8D2BB",
        4: "#F2EADB",
        5: "#FCFBF8",
      }
    }
  }
}

Hex values

Color 1#C19A6B

Color 2#D4B692

Color 3#E8D2BB

Color 4#F2EADB

Color 5#FCFBF8

Accessibility

Contrast checker

1.3:1Fail

1.8:1Fail

2.2:1Fail

2.5:1Fail

1.3:1Fail

1.6:1Fail

1.9:1Fail

1.8:1Fail

1.3:1Fail

1.2:1Fail

1.4:1Fail

2.2:1Fail

1.6:1Fail

1.2:1Fail

2.5:1Fail

1.9:1Fail

1.4:1Fail

1.2:1Fail

Similar palettes

More like Whispering Sand Dunes

Whispering Sand Dunes

See it in context.

Ready when you are.

Built with Whispering Sand Dunes.

How to use Whispering Sand Dunes

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Dune Horizon

Warm Earth

Subtle Contrast

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Whispering Sand Dunes