Back to palettes

Palette

Desert Mesa Sculptures

Sun-baked earthy tones depicting the majestic, sculpted formations of a desert mesa.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A0522D#D2B48C#B8860B#F5DEB3#8B4513

Palette guide

How to use Desert Mesa Sculptures

Overview

The Desert Mesa Sculptures palette captures the majestic, sculpted formations of a desert mesa with sun-baked earthy tones. Featuring a rich reddish-brown #A0522D, a warm golden ochre #B8860B, and a comforting light tan #D2B48C, this palette is grounded by the deep, rugged #8B4513 and brightened by the soft, sandy #F5DEB3. It's a versatile collection for designers and developers aiming to evoke a sense of natural beauty, warmth, and timeless resilience in their projects, from digital interfaces to physical products.

Best used for

  • Branding for sustainable and eco-friendly products
  • Website design for travel destinations or resorts
  • Interior design themes focusing on natural materials
  • Packaging for artisanal coffee or craft beverages
  • Educational content about geology or ancient cultures
  • Mobile app interfaces with an organic, calming feel

Suggested color roles

primary

Use #A0522D for prominent branding elements, headers, or backgrounds that require a warm, strong presence.

secondary

Apply #B8860B for supporting accents, interactive elements, or to add a touch of golden warmth.

accent

Highlight key information or calls-to-action with #D2B48C, providing a gentle contrast.

background

Employ #F5DEB3 as a clean, expansive background color that allows other colors to pop subtly.

text

Utilize #8B4513 for primary text, ensuring excellent readability and a rich, earthy feel against lighter tones.

Accessibility notes

  • Ensure #8B4513 text has sufficient contrast on #F5DEB3 or #D2B48C for readability.
  • Avoid using #D2B48C text on #F5DEB3 as the contrast will be too low for accessibility.
  • When using #A0522D or #B8860B as background, use white or a very light beige for text.
  • Check button states and hover effects to maintain WCAG contrast guidelines.

Recommended combinations

Sun-baked Clay

Excellent for a classic, high-contrast look suitable for text and background elements.

#A0522D · #F5DEB3 · #8B4513

Golden Sand

Creates a soft, inviting gradient, perfect for banners or subtle UI elements.

#D2B48C · #B8860B · #F5DEB3

Rugged Horizon

Provides a deep, rich combination for strong branding or dramatic visual sections.

#A0522D · #B8860B · #8B4513

CSS variables

:root {
  --desert-mesa-sculptures-1: #A0522D;
  --desert-mesa-sculptures-2: #D2B48C;
  --desert-mesa-sculptures-3: #B8860B;
  --desert-mesa-sculptures-4: #F5DEB3;
  --desert-mesa-sculptures-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-mesa-sculptures": {
        1: "#A0522D",
        2: "#D2B48C",
        3: "#B8860B",
        4: "#F5DEB3",
        5: "#8B4513",
      }
    }
  }
}

Related searches

desert sand color paletteclay earth tonesrugged natural colorswarm desert schemesouthwest landscape palette

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
2.8:1Fail
1.7:1Fail
4.3:1AA18
1.3:1Fail
2
2.8:1Fail
1.7:1Fail
1.5:1Fail
3.6:1AA18
3
1.7:1Fail
1.7:1Fail
2.5:1Fail
2.2:1Fail
4
4.3:1AA18
1.5:1Fail
2.5:1Fail
5.4:1AA
5
1.3:1Fail
3.6:1AA18
2.2:1Fail
5.4:1AA

Similar palettes

More like Desert Mesa Sculptures

View all earth
Ancient Desert Sands
Ancient Desert Sands
Ancient Desert Sands
Arid Blossom Mirage
Arid Sands Mirage
Canyon Flower Dusk