Back to palettes

Palette

Desert Canyon Wall

The rugged, sun-baked textures and vibrant earthy layers of ancient desert canyon walls.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Canyon Wall 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 Canyon Wall.

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

Data visualization

#A0522D#8B4513#CC7A46#DAA520#D2B48C

Palette guide

How to use Desert Canyon Wall

Overview

The Desert Canyon Wall palette reflects the rugged, sun-baked textures and vibrant earthy layers of ancient desert canyon walls. This strong, natural collection features the deep #8B4513 and #A0522D, complemented by the rich #CC7A46 and a touch of golden warmth from #DAA520. The inclusion of the light #D2B48C adds balance and an airy feel. Designers and developers can leverage these colors to evoke strength, endurance, and the raw beauty of nature. It's an excellent choice for projects requiring a robust, authentic, and visually impactful aesthetic that connects to the natural world.

Best used for

  • Outdoor adventure brands
  • Geological and nature documentaries
  • Rustic interior design elements
  • Southwestern cultural events
  • Craft beer or artisanal product packaging
  • Historical preservation websites

Suggested color roles

primary

#A0522D - A deep, earthy red-brown, excellent for main content areas, bold headings, or dominant graphic elements.

secondary

#8B4513 - A robust, darker brown, providing a strong, grounding presence for navigation, footers, or important textual content.

accent

#CC7A46 - A vibrant, sun-kissed orange-brown, perfect for calls to action, interactive states, or decorative flourishes that draw attention.

background

#D2B48C - A light, sandy beige, serving as a clean, warm backdrop that allows the richer tones to pop while maintaining an earthy feel.

text

#8B4513 - A deep, robust brown, offering excellent readability for body text against lighter backgrounds, or use black for maximum contrast.

Accessibility notes

  • Ensure sufficient contrast between #8B4513 text and #D2B48C backgrounds for WCAG AA compliance.
  • Avoid using #CC7A46 or #DAA520 for small text on similar background shades, as contrast may be insufficient.
  • For critical information, pair the darkest color #8B4513 with the lightest background #D2B48C.
  • Consider using pure black or a very dark charcoal for body text on very light backgrounds for optimal legibility.

Recommended combinations

Canyon Depth

High-contrast pairing for headlines and clean backgrounds, ideal for strong visual impact.

#8B4513 · #D2B48C · #A0522D

Sunlit Layers

A vibrant blend for layered UI elements or subtle branding accents, reflecting sun-drenched rock.

#A0522D · #CC7A46 · #8B4513

Earthy Strata

A versatile trio for extensive layouts, providing depth and natural warmth across sections.

#A0522D · #DAA520 · #D2B48C

CSS variables

:root {
  --desert-canyon-wall-1: #A0522D;
  --desert-canyon-wall-2: #8B4513;
  --desert-canyon-wall-3: #CC7A46;
  --desert-canyon-wall-4: #DAA520;
  --desert-canyon-wall-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-canyon-wall": {
        1: "#A0522D",
        2: "#8B4513",
        3: "#CC7A46",
        4: "#DAA520",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

rugged earth tonescanyon wall colorssouthwest desert palettenatural warm brown schemestrong earthy palette

Palette colors

Hex values

Color 1#A0522D
·
Color 2#8B4513
·
Color 3#CC7A46
·
Color 4#DAA520
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.5:1Fail
2.8:1Fail
2
1.3:1Fail
2.2:1Fail
3.2:1AA18
3.6:1AA18
3
1.7:1Fail
2.2:1Fail
1.5:1Fail
1.7:1Fail
4
2.5:1Fail
3.2:1AA18
1.5:1Fail
1.1:1Fail
5
2.8:1Fail
3.6:1AA18
1.7:1Fail
1.1:1Fail

Similar palettes

More like Desert Canyon Wall

View all earth
Adobe Sunset
Agave Bloom Dawn
Arid Blossom Mirage
Arid Flower Sparkle
Bohemian Desert Bloom
Canyon Cliffside View