Back to palettes

Palette

Warm Sand Dunes

A collection of inviting, sandy tones, capturing the warmth and gentle undulations of desert dunes.

warmnatural5 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

#F5DEB3#D2B48C#CD853F#B8860B#8B6553

Palette guide

How to use Warm Sand Dunes

Overview

The Warm Sand Dunes palette captures the inviting warmth and subtle undulations of sun-drenched desert landscapes. This collection features a beautiful range of sandy tones, from the light and airy #F5DEB3 to the richer #D2B48C and #CD853F, culminating in the golden #B8860B and the grounding #8B6553. It's an excellent choice for designs that aim to evoke a sense of natural beauty, warmth, and expansive tranquility. Designers can utilize these hues to create inviting, earthy interfaces, perfect for brands focused on nature, travel, or a sophisticated natural aesthetic.

Best used for

  • Travel and tourism websites (desert/beach focus)
  • Natural skincare and beauty products
  • Bohemian or rustic home decor
  • Photography websites with natural themes
  • Outdoor adventure gear branding
  • E-commerce for handcrafted goods

Suggested color roles

primary

#CD853F - A warm, inviting sandy ochre, excellent for main navigation, prominent headlines, or primary calls to action, conveying warmth and energy.

secondary

#D2B48C - A softer, creamy sand tone, perfect for subheadings, active states, or supporting content blocks, adding a gentle, expansive feel.

accent

#B8860B - A rich, burnished gold, ideal for subtle highlights, interactive elements, or key visual details to draw focused attention with a touch of luxury.

background

#F5DEB3 - A very light, airy beige, providing a luminous and expansive canvas that allows the darker, richer colors to stand out beautifully.

text

#8B6553 - A deep, readable sand brown for body text on light backgrounds, ensuring excellent legibility and maintaining the palette's natural warmth.

Accessibility notes

  • Ensure strong contrast when using #8B6553 or #CD853F for text on #F5DEB3 or #D2B48C backgrounds to meet WCAG AA standards.
  • Be cautious with #CD853F or #B8860B for small text on lighter backgrounds; they may lack sufficient contrast.
  • Provide clear focus states for interactive elements, perhaps using #B8860B for hover/active states against #F5DEB3.
  • Avoid placing light text (e.g., #F5DEB3) directly on lighter background colors within this palette.

Recommended combinations

Golden Sands

Ideal for hero sections or prominent banners, with #CD853F for headlines, #B8860B for accents, and #F5DEB3 as a bright background.

#F5DEB3 · #CD853F · #B8860B

Desert Path

Effective for content cards or navigation, using #D2B48C as a background with #8B6553 for text and icons for strong readability.

#D2B48C · #8B6553 · #CD853F

Sun-baked Contrast

A high-contrast pairing for calls to action or important buttons, where #CD853F is the button color and #F5DEB3 is the text.

#CD853F · #F5DEB3 · #B8860B

CSS variables

:root {
  --warm-sand-dunes-1: #F5DEB3;
  --warm-sand-dunes-2: #D2B48C;
  --warm-sand-dunes-3: #CD853F;
  --warm-sand-dunes-4: #B8860B;
  --warm-sand-dunes-5: #8B6553;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "warm-sand-dunes": {
        1: "#F5DEB3",
        2: "#D2B48C",
        3: "#CD853F",
        4: "#B8860B",
        5: "#8B6553",
      }
    }
  }
}

Related searches

warm desert colorssandy beach paletteearthy golden tonesnatural travel designbohemian warm aesthetic

Palette colors

Hex values

Color 1#F5DEB3
·
Color 2#D2B48C
·
Color 3#CD853F
·
Color 4#B8860B
·
Color 5#8B6553
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
2.5:1Fail
3.9:1AA18
2
1.5:1Fail
1.5:1Fail
1.7:1Fail
2.6:1Fail
3
2.3:1Fail
1.5:1Fail
1.1:1Fail
1.7:1Fail
4
2.5:1Fail
1.7:1Fail
1.1:1Fail
1.6:1Fail
5
3.9:1AA18
2.6:1Fail
1.7:1Fail
1.6:1Fail

Similar palettes

More like Warm Sand Dunes

View all warm
Amber Sands Mirage
Amber Sands Mirage
Crimson Ridge Dawn
Desert Bloom Mirage
Desert Caravan Spices
Desert Rose Canyon