Back to palettes

Palette

Warm Sand Dunes

Reflects the shifting, sun-baked textures and subtle variations of color in vast sand dunes.

warmminimal5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D6B990#E4CCAF#C7A67D#A38668#F1E6D3

Palette guide

How to use Warm Sand Dunes

Overview

The Warm Sand Dunes palette, a serene collection of gentle, earthy tones, perfectly captures the subtle beauty of sun-baked desert landscapes. Ranging from the light and airy #F1E6D3 and #E4CCAF to the grounding #D6B990, #C7A67D, and #A38668, these hues evoke a sense of calm, vastness, and natural simplicity. Designers can utilize this palette to create minimalistic yet inviting digital spaces, ideal for brands focused on tranquility, natural beauty, eco-friendliness, or products that embody understated elegance. It offers a soothing backdrop for any project.

Best used for

  • Minimalist website designs
  • Eco-friendly product branding
  • Spa and wellness applications
  • Nature photography portfolios
  • Desert-themed travel agencies
  • Sustainable fashion e-commerce

Suggested color roles

primary

#A38668 - A grounded, warm sand brown, excellent for main navigation, subtle headlines, or primary calls to action, conveying stability and calm.

secondary

#C7A67D - A slightly lighter, inviting sandy beige, perfect for subheadings, active states, or supporting content blocks, adding gentle warmth.

accent

#D6B990 - A soft, golden sand hue, ideal for subtle highlights, interactive elements, or key visual details to add a touch of natural glow.

background

#F1E6D3 - A very light, airy cream, providing an expansive, serene canvas that allows other colors to emerge gently.

text

#A38668 - A dark, readable sand brown for body text on light backgrounds, ensuring good legibility and maintaining the palette's tranquil feel.

Accessibility notes

  • Use #A38668 or a dark charcoal for text on #F1E6D3 or #E4CCAF backgrounds to ensure WCAG AA readability.
  • Be cautious with #D6B990 or #C7A67D for small text on light backgrounds; they may lack sufficient contrast.
  • Ensure interactive elements have clear visual states, perhaps using #C7A67D for hover/active states against #F1E6D3.
  • Avoid placing light text (e.g., #E4CCAF) directly on lighter background colors within this palette.

Recommended combinations

Dune Horizon

Ideal for serene headers or introductory sections, with #A38668 for titles, #C7A67D for subtext, and #F1E6D3 as a calming background.

#F1E6D3 · #A38668 · #C7A67D

Desert Shadow

Effective for content cards or subtle UI elements, using #E4CCAF as a background with #D6B990 for headings or important text.

#E4CCAF · #D6B990 · #C7A67D

Earth Contrast

A high-contrast pairing for forms or navigation, where #A38668 provides strong text or button color against a light background.

#A38668 · #F1E6D3 · #C7A67D

CSS variables

:root {
  --warm-sand-dunes-2-1: #D6B990;
  --warm-sand-dunes-2-2: #E4CCAF;
  --warm-sand-dunes-2-3: #C7A67D;
  --warm-sand-dunes-2-4: #A38668;
  --warm-sand-dunes-2-5: #F1E6D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "warm-sand-dunes-2": {
        1: "#D6B990",
        2: "#E4CCAF",
        3: "#C7A67D",
        4: "#A38668",
        5: "#F1E6D3",
      }
    }
  }
}

Related searches

minimalist sand palettedesert aesthetic colorswarm neutral schemeearthy tranquil toneseco-friendly design colors

Palette colors

Hex values

Color 1#D6B990
·
Color 2#E4CCAF
·
Color 3#C7A67D
·
Color 4#A38668
·
Color 5#F1E6D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.2:1Fail
1.8:1Fail
1.5:1Fail
2
1.2:1Fail
1.5:1Fail
2.2:1Fail
1.3:1Fail
3
1.2:1Fail
1.5:1Fail
1.5:1Fail
1.9:1Fail
4
1.8:1Fail
2.2:1Fail
1.5:1Fail
2.8:1Fail
5
1.5:1Fail
1.3:1Fail
1.9:1Fail
2.8:1Fail

Similar palettes

More like Warm Sand Dunes

View all warm
Desert Bloom Sand
Ochre Dune Dawn
Canyon Vista Radiance
Desert Cactus Bloom
Desert Hearth Warmth
Desert Mesa Glow