Back to palettes

Palette

Ancient Desert Sands

Sun-baked earth tones capturing the ancient beauty and vastness of desert landscapes.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9C7D55#C7A987#E0C7A9#F5E0CD#8B653A

Palette guide

How to use Ancient Desert Sands

Overview

The Ancient Desert Sands palette captures the sun-baked earth tones and vastness of desert landscapes, evoking a sense of enduring history. Ranging from the deep, grounding #8B653A to the delicate, almost white #F5E0CD, this collection offers a sophisticated and natural warmth. It's an excellent choice for designs that aim for authenticity, tranquility, and a connection to ancient wisdom. Developers will find ample contrast for readable interfaces, while designers can craft serene and inviting experiences for educational platforms, eco-tourism, or high-end natural product branding. The harmonious progression of shades creates a soft, textural depth.

Best used for

  • Eco-tourism and adventure travel websites
  • Educational content on archaeology or geology
  • Natural cosmetics or skincare packaging
  • Interior design for calm, earthy spaces
  • Minimalist web and app interfaces
  • Photography portfolios (especially natural landscapes)

Suggested color roles

primary

#9C7D55 (Desert Clay) - A grounding primary for main sections, headers, or key interactive elements, conveying stability.

secondary

#C7A987 (Warm Beige) - Ideal for supporting content, subheadings, or as a background for secondary elements, adding softness.

accent

#E0C7A9 (Light Clay) - Use sparingly for subtle highlights, interactive states, or small decorative elements to add an aged luminosity.

background

#F5E0CD (Pale Sand) - A very light, airy background that provides excellent readability for darker text and an open, natural feel.

text

#8B653A (Deep Earth Brown) - Provides strong contrast against #F5E0CD, making it suitable for body text and important labels, maintaining the warm theme.

Accessibility notes

  • Ensure #8B653A text on #F5E0CD background meets WCAG AA contrast ratio.
  • Avoid using #E0C7A9 for small text on #C7A987 due to insufficient contrast.
  • #9C7D55 can be used for larger text or accents on #F5E0CD, but check readability for small sizes.
  • For optimal contrast, consider a standard dark gray for text if #8B653A feels too light for some users on certain elements.

Recommended combinations

Sandy Horizon

Ideal for clean layouts with a light background and grounded text elements.

#9C7D55 · #F5E0CD · #C7A987

Ancient Earth

Great for feature panels or callout boxes, offering gentle warmth and visual interest.

#C7A987 · #8B653A · #E0C7A9

Canyon Wall

Perfect for light, airy content areas with clear, readable text and deep accents.

#E0C7A9 · #9C7D55 · #8B653A

CSS variables

:root {
  --ancient-desert-sands-4-1: #9C7D55;
  --ancient-desert-sands-4-2: #C7A987;
  --ancient-desert-sands-4-3: #E0C7A9;
  --ancient-desert-sands-4-4: #F5E0CD;
  --ancient-desert-sands-4-5: #8B653A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-desert-sands-4": {
        1: "#9C7D55",
        2: "#C7A987",
        3: "#E0C7A9",
        4: "#F5E0CD",
        5: "#8B653A",
      }
    }
  }
}

Related searches

ancient desert color palettesun baked earth tonesnatural sand hueshistorical beige browntranquil desert design

Palette colors

Hex values

Color 1#9C7D55
·
Color 2#C7A987
·
Color 3#E0C7A9
·
Color 4#F5E0CD
·
Color 5#8B653A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.4:1Fail
3:1Fail
1.4:1Fail
2
1.7:1Fail
1.4:1Fail
1.7:1Fail
2.4:1Fail
3
2.4:1Fail
1.4:1Fail
1.3:1Fail
3.2:1AA18
4
3:1Fail
1.7:1Fail
1.3:1Fail
4.1:1AA18
5
1.4:1Fail
2.4:1Fail
3.2:1AA18
4.1:1AA18

Similar palettes

More like Ancient Desert Sands

View all earth
Ancient Desert Sands
Ancient Desert Sands
Ancient Desert Tapestry
Ancient Egyptian Sands
Ancient Pyramid Sun
Arid Blossom Mirage