Back to palettes

Palette

Desert Stone Echo

Echoing the sun-baked rocks and sandy landscapes of a serene desert vista.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D2B48C#F5DEB3#CD853F#A0522D#B8860B

Palette guide

How to use Desert Stone Echo

Overview

The "Desert Stone Echo" palette beautifully echoes the sun-baked rocks and sandy landscapes of a serene desert vista. It features a range of warm, earthy tones, from the soft, luminous #F5DEB3 and #D2B48C, reminiscent of pale sands, to the rich, grounding #CD853F and #A0522D, which evoke terracotta and sun-drenched stone. The deep golden #B8860B adds a touch of sun-kissed warmth and richness. This natural and warm collection is ideal for designers creating projects that convey authenticity, rugged beauty, and a connection to the earth. Perfect for southwest-inspired branding, rustic web interfaces, or editorial content with an organic, inviting feel.

Best used for

  • Southwestern-inspired home goods
  • Outdoor adventure and camping brands
  • Natural skincare and cosmetics
  • Rustic wedding invitations
  • E-commerce for artisanal pottery
  • Environmental non-profit websites

Suggested color roles

primary

#CD853F - A rich, inviting ochre that embodies the warmth of sun-baked earth and serves as a strong brand color.

secondary

#A0522D - A deep, reddish-brown, excellent for supporting visuals, grounding elements, or strong headings.

accent

#B8860B - A vibrant, deep gold for highlights, calls to action, or adding a touch of rustic luxury.

background

#F5DEB3 - A soft, luminous cream, providing a clean, warm, and inviting canvas.

text

#A0522D - For dark, highly legible text on light backgrounds, or a deep charcoal for general readability.

Accessibility notes

  • Ensure #F5DEB3 (light) has sufficient contrast when paired with #A0522D or #B8860B (dark) for text.
  • Avoid using #D2B48C directly on #CD853F for small text; the contrast may be insufficient.
  • For optimal readability, use #A0522D or #B8860B for text on the lighter colors like #F5DEB3 or #D2B48C.
  • Always check WCAG guidelines for all interactive elements and critical text for optimal accessibility.

Recommended combinations

Sunbaked Sands

Creates a soft, warm gradient for backgrounds, subtle textures, or natural product displays.

#F5DEB3 · #D2B48C · #CD853F

Stone Terracotta

A rich, earthy combination for strong headings, borders, or sections requiring depth and warmth.

#A0522D · #CD853F · #B8860B

Desert Vista

A balanced scheme for branding, with the deep gold adding a touch of rustic elegance.

#D2B48C · #B8860B · #A0522D

CSS variables

:root {
  --desert-stone-echo-1: #D2B48C;
  --desert-stone-echo-2: #F5DEB3;
  --desert-stone-echo-3: #CD853F;
  --desert-stone-echo-4: #A0522D;
  --desert-stone-echo-5: #B8860B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-stone-echo": {
        1: "#D2B48C",
        2: "#F5DEB3",
        3: "#CD853F",
        4: "#A0522D",
        5: "#B8860B",
      }
    }
  }
}

Related searches

southwest desert color paletteearthy terracotta schemenatural stone colors brandingwarm arid landscape paletterustic desert design

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.5:1Fail
2.8:1Fail
1.7:1Fail
2
1.5:1Fail
2.3:1Fail
4.3:1AA18
2.5:1Fail
3
1.5:1Fail
2.3:1Fail
1.9:1Fail
1.1:1Fail
4
2.8:1Fail
4.3:1AA18
1.9:1Fail
1.7:1Fail
5
1.7:1Fail
2.5:1Fail
1.1:1Fail
1.7:1Fail

Similar palettes

More like Desert Stone Echo

View all earth