Back to palettes

Palette

Coastal Dune Whispers

Soft sandy tones and muted blues, evoking the peaceful solitude of windswept coastal dunes.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Coastal Dune Whispers 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 Coastal Dune Whispers.

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

Data visualization

#D2B48C#F5DEB3#B0C4DE#778899#CD853F

Palette guide

How to use Coastal Dune Whispers

Overview

The Coastal Dune Whispers palette combines soft sandy tones and muted blues, evoking the peaceful solitude of windswept coastal dunes. This versatile collection features the warm sand of #D2B48C and light #F5DEB3, contrasted with the cool blue-grey of #B0C4DE and the deeper #778899 (LightSlateGrey), accented by a subtle earthy orange #CD853F. Designers can leverage these shades to create designs that feel natural, calm, and subtly intriguing. It’s an ideal choice for projects seeking an organic, understated, and sophisticated aesthetic, from artisanal brands to meditative digital experiences.

Best used for

  • Artisanal product branding
  • Mindfulness app interfaces
  • Coastal-themed editorial design
  • Nature documentary visuals
  • Boutique hotel aesthetics
  • Calm web design layouts

Suggested color roles

primary

#D2B48C - A warm, inviting sand beige, excellent for main content areas or as a grounding base color.

secondary

#B0C4DE - A soft, cool blue-grey, perfect for supporting sections, headers, or subtle UI elements.

accent

#CD853F - A warm, earthy orange, used sparingly for impactful calls-to-action or unique highlights.

background

#F5DEB3 - A very light, creamy sand tone, providing an airy, warm, and expansive canvas.

text

Use #778899 or a dark charcoal for body text, ensuring excellent readability against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast between lighter shades like #F5DEB3 and text, especially for smaller fonts.
  • Pair #F5DEB3 with #778899 or black for text to comfortably meet WCAG AA contrast standards.
  • Avoid using #B0C4DE on #D2B48C for small text due to potential low contrast.
  • The accent #CD853F may require careful contrast checking against adjacent colors.

Recommended combinations

Serene Base

Creates a light, warm, and airy foundation, blending sand and sky for calm interfaces.

#F5DEB3 · #D2B48C · #B0C4DE

Grounded Blues

Provides depth and serenity, ideal for headers, footers, or distinct content sections.

#D2B48C · #B0C4DE · #778899

Subtle Accent

Offers clear text legibility on a light background, with a unique earthy orange accent.

#F5DEB3 · #778899 · #CD853F

CSS variables

:root {
  --coastal-dune-whispers-1: #D2B48C;
  --coastal-dune-whispers-2: #F5DEB3;
  --coastal-dune-whispers-3: #B0C4DE;
  --coastal-dune-whispers-4: #778899;
  --coastal-dune-whispers-5: #CD853F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coastal-dune-whispers": {
        1: "#D2B48C",
        2: "#F5DEB3",
        3: "#B0C4DE",
        4: "#778899",
        5: "#CD853F",
      }
    }
  }
}

Related searches

calm sand blue palettedune whispers colorsnatural beige blue schemeserene coastal designearthy muted color palette

Palette colors

Hex values

Color 1#D2B48C
·
Color 2#F5DEB3
·
Color 3#B0C4DE
·
Color 4#778899
·
Color 5#CD853F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.1:1Fail
1.8:1Fail
1.5:1Fail
2
1.5:1Fail
1.4:1Fail
2.8:1Fail
2.3:1Fail
3
1.1:1Fail
1.4:1Fail
2:1Fail
1.7:1Fail
4
1.8:1Fail
2.8:1Fail
2:1Fail
1.2:1Fail
5
1.5:1Fail
2.3:1Fail
1.7:1Fail
1.2:1Fail

Similar palettes

More like Coastal Dune Whispers

View all neutral
Zen Sand Garden
Zen Sand Garden
Cloudy Day Serene
Coastal Driftwood Sands
Coastal Dune Breeze
Coastal Sands Aura