Back to palettes

Palette

Desert Mesa Sculptures

Earthy tones reflecting the ancient, sun-baked rock formations and landscapes of the desert.

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

#CD853F#A0522D#D2B48C#8B4513#F4A460

Palette guide

How to use Desert Mesa Sculptures

Overview

The Desert Mesa Sculptures palette evokes the ancient, sun-baked rock formations and landscapes of the desert. This natural, warm collection features deep earth tones like the rich brown of #A0522D, the inviting orange-brown of #CD853F, and the lighter, sandy hue of #D2B48C. Complemented by the grounding depth of #8B4513 and the sun-kissed vibrancy of #F4A460, this palette is ideal for projects seeking an authentic, rugged, and serene aesthetic. Designers can leverage its organic feel to create experiences that resonate with stability and warmth.

Best used for

  • Natural product branding (e.g., organic foods, skincare)
  • Southwestern or rustic interior design themes
  • Outdoor adventure and travel websites or apps
  • Art and photography portfolios with earthy subjects
  • Packaging for artisanal or handcrafted goods
  • Content creation for nature documentaries or blogs

Suggested color roles

primary

Use #CD853F for main brand elements, headings, or calls-to-action to convey warmth and approachability.

secondary

Apply #A0522D for supporting sections, subheadings, or darker UI components, offering a robust contrast.

accent

Highlight key information or interactive elements with #F4A460 to add a vibrant, sun-kissed touch.

background

Employ #D2B48C as a soft, neutral background for readability and to maintain an airy, expansive feel.

text

Utilize #8B4513 for body text and important labels, ensuring excellent readability against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast between #8B4513 text and lighter backgrounds like #D2B48C.
  • Avoid placing #F4A460 text directly on #CD853F, as contrast might be insufficient for accessibility.
  • Use a darker brown or charcoal for text on #F4A460 when it's used as a background.
  • Verify button text contrast; white or a very light cream often works best on #A0522D or #CD853F.

Recommended combinations

Desert Glow

Ideal for warm, inviting headers and visual elements that need a gentle glow.

#CD853F · #D2B48C · #F4A460

Mesa Depth

Perfect for creating depth and grounding darker sections with a touch of lightness.

#A0522D · #8B4513 · #D2B48C

Sculpted Contrast

Excellent for high-impact calls-to-action or striking visual compositions.

#CD853F · #8B4513 · #F4A460

CSS variables

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

Tailwind config

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

Related searches

desert rock color palettesouthwest earthy tonesnatural warm color schemerugged design colorssunbaked earth palette

Palette colors

Hex values

Color 1#CD853F
·
Color 2#A0522D
·
Color 3#D2B48C
·
Color 4#8B4513
·
Color 5#F4A460
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.5:1Fail
2.4:1Fail
1.5:1Fail
2
1.9:1Fail
2.8:1Fail
1.3:1Fail
2.8:1Fail
3
1.5:1Fail
2.8:1Fail
3.6:1AA18
1:1Fail
4
2.4:1Fail
1.3:1Fail
3.6:1AA18
3.5:1AA18
5
1.5:1Fail
2.8:1Fail
1:1Fail
3.5:1AA18

Similar palettes

More like Desert Mesa Sculptures

View all Earth