Palette

Ancient Desert Sands

The golden, sun-bleached tones of ancient desert landscapes and forgotten relics.

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

#D2B48C#EEDC82#F0E68C#B8860B#DAA520

Palette guide

How to use Ancient Desert Sands

Overview

The Ancient Desert Sands palette captures the golden, sun-bleached tones of timeless desert landscapes and forgotten relics. This radiant collection features vibrant golds like #DAA520 and #B8860B, balanced by softer, sandy beiges such as #D2B48C and #F0E68C. It's an excellent choice for designs that aim to convey richness, history, and a touch of sun-drenched majesty. Developers will appreciate the clear visual hierarchy possible, while designers can craft luxurious and inviting interfaces for high-end brands, historical themes, or projects seeking an opulent yet natural feel. The interplay of gold and sand creates a sophisticated glow.

Best used for

Luxury travel and tourism branding
High-end jewelry or fashion websites
Historical or cultural institution design
Packaging for premium artisanal goods
Digital art with a desert or ancient theme
Event invitations with a golden touch

Suggested color roles

primary

#DAA520 (Goldenrod) - A radiant primary for headlines, key calls to action, or prominent UI elements, exuding luxury.

secondary

#B8860B (Dark Goldenrod) - Ideal for supporting content, subheadings, or as a background for navigation, adding depth.

accent

#EEDC82 (Light Gold) - Use sparingly for interactive states, small icons, or decorative elements to add a shimmering highlight.

background

#D2B48C (Tan) - A warm, inviting background color that provides good contrast for darker text and a natural, earthy base.

text

#B8860B (Dark Goldenrod) - Offers strong, readable contrast against #D2B48C, suitable for body text and important labels.

Accessibility notes

Ensure #B8860B text on #D2B48C background meets WCAG AA contrast ratio.
Avoid using #EEDC82 or #F0E68C for small text on #D2B48C due to insufficient contrast.
For maximum readability, consider a dark charcoal text on #F0E68C backgrounds.
Ensure interactive elements using #DAA520 have sufficient contrast against their surrounding elements.

Recommended combinations

Golden Dune

Ideal for headers and main content areas, creating a rich, inviting look.

#DAA520 · #D2B48C · #B8860B

Sun-bleached Relic

Great for highlighting key information or feature boxes with a luminous touch.

#EEDC82 · #B8860B · #D2B48C

Oasis Glow

Perfect for creating radiant backgrounds with strong, golden accents.

#F0E68C · #DAA520 · #B8860B

CSS variables

:root {
  --ancient-desert-sands-3-1: #D2B48C;
  --ancient-desert-sands-3-2: #EEDC82;
  --ancient-desert-sands-3-3: #F0E68C;
  --ancient-desert-sands-3-4: #B8860B;
  --ancient-desert-sands-3-5: #DAA520;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-desert-sands-3": {
        1: "#D2B48C",
        2: "#EEDC82",
        3: "#F0E68C",
        4: "#B8860B",
        5: "#DAA520",
      }
    }
  }
}

Hex values

Color 1#D2B48C

Color 2#EEDC82

Color 3#F0E68C

Color 4#B8860B

Color 5#DAA520

Accessibility

Contrast checker

1.4:1Fail

1.5:1Fail

1.7:1Fail

1.1:1Fail

1.4:1Fail

1.1:1Fail

2.4:1Fail

1.6:1Fail

1.5:1Fail

1.1:1Fail

2.5:1Fail

1.7:1Fail

2.4:1Fail

2.5:1Fail

1.5:1Fail

1.1:1Fail

1.6:1Fail

1.7:1Fail

1.5:1Fail

Similar palettes

More like Ancient Desert Sands

Ancient Desert Sands

See it in context.

Ready when you are.

Built with Ancient Desert Sands.

How to use Ancient Desert Sands

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Golden Dune

Sun-bleached Relic

Oasis Glow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Ancient Desert Sands