Back to palettes

Palette

Desert Canyon Echo

Earthy oranges and browns reflecting the grandeur and weathered beauty of sun-drenched 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 Echo 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 Echo.

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

Data visualization

#B06500#D2691E#CD853F#A0522D#8B4513

Palette guide

How to use Desert Canyon Echo

Overview

The Desert Canyon Echo palette is a robust collection of earthy oranges and browns, reflecting the grandeur and weathered beauty of sun-drenched canyon walls. Featuring the deep #8B4513 and the vibrant #B06500, alongside the rich #D2691E and the classic #CD853F, with a grounding touch from #A0522D, this palette exudes natural strength and rugged elegance. It's ideal for designers and developers seeking to convey a sense of adventure, authenticity, and connection to raw, powerful landscapes. These colors are excellent for creating impactful, warm, and inviting visual experiences across various applications.

Best used for

  • Outdoor adventure brands
  • Rustic and heritage products
  • Southwestern themed decor
  • Camping and hiking gear websites
  • Craft brewery branding
  • Documentary film titles

Suggested color roles

primary

#D2691E - A rich, burnt orange, excellent for primary calls to action, main headings, or dominant graphic elements, conveying warmth and energy.

secondary

#A0522D - A deep, earthy red-brown, providing a strong, grounding presence for navigation, footers, or important textual content.

accent

#CD853F - A vibrant, sun-kissed orange, perfect for subtle highlights, interactive states, or decorative flourishes that draw attention.

background

#F5DEB3 (near-white) - A very light, warm beige, offering a clean, airy backdrop that allows the richer tones to pop, or use #CD853F for a bold background.

text

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

Accessibility notes

  • Ensure sufficient contrast between #8B4513 text and lighter backgrounds like #F5DEB3 (near-white) for WCAG AA compliance.
  • Avoid using #D2691E or #CD853F for small text on similar background shades, as contrast may be insufficient.
  • For critical information, pair the darkest color #8B4513 with the lightest background (e.g., #F5DEB3).
  • Consider using pure black or a very dark charcoal for body text on very light backgrounds for optimal legibility.

Recommended combinations

Canyon Contrast

Bold contrast for headlines and key features, creating a dynamic and powerful visual.

#8B4513 · #D2691E · #B06500

Sun-drenched Edge

A warm, inviting pairing for layered UI elements or subtle branding accents.

#CD853F · #A0522D · #D2691E

Earthy Glow

A vibrant trio for impactful branding, providing a rich spectrum of natural warmth.

#B06500 · #D2691E · #CD853F

CSS variables

:root {
  --desert-canyon-echo-1: #B06500;
  --desert-canyon-echo-2: #D2691E;
  --desert-canyon-echo-3: #CD853F;
  --desert-canyon-echo-4: #A0522D;
  --desert-canyon-echo-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-canyon-echo": {
        1: "#B06500",
        2: "#D2691E",
        3: "#CD853F",
        4: "#A0522D",
        5: "#8B4513",
      }
    }
  }
}

Related searches

rustic brown orange paletteearthy canyon colorswarm desert tonessouthwest color schemerugged natural palette

Palette colors

Hex values

Color 1#B06500
·
Color 2#D2691E
·
Color 3#CD853F
·
Color 4#A0522D
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.3:1Fail
1.6:1Fail
2
1.2:1Fail
1.2:1Fail
1.5:1Fail
2:1Fail
3
1.5:1Fail
1.2:1Fail
1.9:1Fail
2.4:1Fail
4
1.3:1Fail
1.5:1Fail
1.9:1Fail
1.3:1Fail
5
1.6:1Fail
2:1Fail
2.4:1Fail
1.3:1Fail

Similar palettes

More like Desert Canyon Echo

View all earth
Canyon Bloom Echo
Canyon Clay Bluffs
Canyon Whisper
Dusty Canyon Trails
Mesa Spire
Mesa Tones