Back to palettes

Palette

Golden Sands Whisper

Soft and airy, like the gentle whisper of wind across endless golden sand dunes.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Sands Whisper 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 Golden Sands Whisper.

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

Data visualization

#E6D8A2#F2E8BF#FCF8E8#CCBD90#B3A482

Palette guide

How to use Golden Sands Whisper

Overview

The Golden Sands Whisper palette offers a soft, airy collection of warm, muted tones, reminiscent of a gentle breeze over sun-kissed dunes. Featuring delicate shades like #F2E8BF and #FCF8E8, alongside grounding hues such as #E6D8A2 and #B3A482, this palette evokes a sense of calm and understated elegance. It's ideal for designers and developers seeking a serene, inviting aesthetic that feels both natural and refined. The subtle variations between #CCBD90 and #B3A482 provide just enough depth without sacrificing the overall lightness, making it versatile for various applications.

Best used for

  • Minimalist branding and logos
  • Spa and wellness website designs
  • Elegant wedding invitations
  • Calm interior design concepts
  • Soft digital illustrations and art
  • Natural product packaging

Suggested color roles

primary

Use #E6D8A2 as the main brand color for large sections or headers, providing a soft yet confident presence.

secondary

Employ #F2E8BF for supporting elements, subheadings, or background accents to maintain a harmonious, light feel.

accent

Apply #CCBD90 for calls to action, interactive elements, or subtle highlights, offering gentle contrast.

background

Utilize #FCF8E8 as the primary background color for a clean, airy, and expansive canvas.

text

Choose #B3A482 for body text against lighter backgrounds, ensuring readability while maintaining the palette's warmth.

Accessibility notes

  • Ensure text using #B3A482 on #FCF8E8 or #F2E8BF backgrounds meets WCAG AA contrast standards.
  • For interactive elements, confirm #CCBD90 has sufficient contrast against its background.
  • Avoid using #F2E8BF or #FCF8E8 for small text to prevent readability issues.
  • Consider using a dark charcoal or black for critical text elements on the lightest backgrounds for maximum legibility.

Recommended combinations

Airy Gradient

Perfect for subtle background gradients, hero sections, or soft UI transitions.

#FCF8E8 · #F2E8BF · #E6D8A2

Grounded Harmony

Creates a more grounded, natural feel, suitable for footers or content blocks needing more depth.

#B3A482 · #CCBD90 · #E6D8A2

Soft Contrast

Ideal for a balanced layout where a light base meets gentle, readable accents.

#F2E8BF · #CCBD90 · #B3A482

CSS variables

:root {
  --golden-sands-whisper-2-1: #E6D8A2;
  --golden-sands-whisper-2-2: #F2E8BF;
  --golden-sands-whisper-2-3: #FCF8E8;
  --golden-sands-whisper-2-4: #CCBD90;
  --golden-sands-whisper-2-5: #B3A482;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-sands-whisper-2": {
        1: "#E6D8A2",
        2: "#F2E8BF",
        3: "#FCF8E8",
        4: "#CCBD90",
        5: "#B3A482",
      }
    }
  }
}

Related searches

light sand color paletteairy golden huescalm beach colorsminimalist warm tonesnatural soft yellows

Palette colors

Hex values

Color 1#E6D8A2
·
Color 2#F2E8BF
·
Color 3#FCF8E8
·
Color 4#CCBD90
·
Color 5#B3A482
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
2
1.2:1Fail
1.2:1Fail
1.5:1Fail
2:1Fail
3
1.3:1Fail
1.2:1Fail
1.8:1Fail
2.3:1Fail
4
1.3:1Fail
1.5:1Fail
1.8:1Fail
1.3:1Fail
5
1.7:1Fail
2:1Fail
2.3:1Fail
1.3:1Fail

Similar palettes

More like Golden Sands Whisper

View all warm
Golden Sands Whisper
Desert Dune Mirage
Golden Hour Glow
Golden Hour Haze
Afternoon Sun Kiss
Dusk Radiance Warmth