Back to palettes

Palette

Desert Sands

A calming selection of muted browns and warm tans reflecting the vast, arid beauty of the desert landscape.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D3B68B#E0CCA6#B38F6A#8F6C4C#6B4D3C

Palette guide

How to use Desert Sands

Overview

The Desert Sands palette offers a calming and cohesive selection of muted browns and warm tans, perfectly capturing the vast, arid beauty of desert landscapes. Featuring the inviting #D3B68B and the slightly lighter #E0CCA6, it provides a soft, sandy foundation. Deeper, more grounding tones like #B38F6A and #8F6C4C add richness and depth, reminiscent of weathered earth and shadows. The deepest hue, #6B4D3C, offers a robust anchor, ensuring strong contrast where needed. This collection of hex codes is ideal for designers and developers aiming to create minimalist, natural, and serene designs that convey warmth, stability, and understated elegance.

Best used for

  • Minimalist website design
  • Natural product packaging
  • Earth-friendly branding
  • Serene interior design concepts
  • Travel blogs and photography
  • Textile and fabric design

Suggested color roles

primary

Utilize #D3B68B as a core brand color, providing a warm, stable, and inviting base for main sections or prominent elements.

secondary

Employ #E0CCA6 for supporting elements, background panels, or subheadings, offering a softer, airy complement.

accent

Apply #B38F6A as a subtle accent for gentle highlights, interactive states, or decorative details, adding depth without overt contrast.

background

Designate #E0CCA6 as a clean, soft background color, ensuring content clarity and a light, spacious feel.

text

Use #6B4D3C for primary body text and important labels, offering excellent readability and a rich, grounded presence against lighter tones.

Accessibility notes

  • Ensure #6B4D3C text has strong contrast when used on #E0CCA6 or #D3B68B backgrounds for optimal readability.
  • Avoid using #B38F6A directly on #D3B68B for critical text as their contrast may be insufficient.
  • For smaller text, prioritize pairing #6B4D3C with the lightest #E0CCA6 to meet contrast requirements.
  • Interactive elements should have distinct hover/focus states, possibly using a slightly darker shade or a subtle border to ensure usability.

Recommended combinations

Soft Dune

Ideal for creating subtle, layered backgrounds or soft gradients that evoke shifting desert sands.

#E0CCA6 · #D3B68B · #B38F6A

Grounded Read

Use #E0CCA6 as background, #8F6C4C for accents, and #6B4D3C for text for a clear, elegant layout.

#E0CCA6 · #8F6C4C · #6B4D3C

Earthy Depths

Perfect for creating depth and richness in photographic overlays, textured backgrounds, or card components.

#B38F6A · #8F6C4C · #6B4D3C

CSS variables

:root {
  --desert-sands-1: #D3B68B;
  --desert-sands-2: #E0CCA6;
  --desert-sands-3: #B38F6A;
  --desert-sands-4: #8F6C4C;
  --desert-sands-5: #6B4D3C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-sands": {
        1: "#D3B68B",
        2: "#E0CCA6",
        3: "#B38F6A",
        4: "#8F6C4C",
        5: "#6B4D3C",
      }
    }
  }
}

Related searches

desert sand color schemewarm tan brown palettenatural minimalist hex codesearth tone website colorssandy neutral branding

Palette colors

Hex values

Color 1#D3B68B
·
Color 2#E0CCA6
·
Color 3#B38F6A
·
Color 4#8F6C4C
·
Color 5#6B4D3C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2.5:1Fail
3.9:1AA18
2
1.2:1Fail
1.9:1Fail
3:1AA18
4.9:1AA
3
1.5:1Fail
1.9:1Fail
1.6:1Fail
2.6:1Fail
4
2.5:1Fail
3:1AA18
1.6:1Fail
1.6:1Fail
5
3.9:1AA18
4.9:1AA
2.6:1Fail
1.6:1Fail

Similar palettes

More like Desert Sands

View all earth
Amber Sands Mirage
Canyon Earth Clay
Desert Clay Vista
Desert Oasis
Ancient Pyramid Sun
Ancient Relic Dust