Back to palettes

Palette

Desert Rose Canyon

Evokes sun-baked rock formations and the surprising, muted blooms of a desert canyon at twilight.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0A690#BC7C69#9C574B#6D3A30#C9BBAC

Palette guide

How to use Desert Rose Canyon

Overview

The Desert Rose Canyon palette vividly evokes sun-baked rock formations and the surprising, muted blooms of a desert canyon at twilight. This collection provides a rich, earthy gradient, starting with the warm, inviting #E0A690 and deepening through the robust #BC7C69 and the distinct #9C574B. The profound #6D3A30 offers a strong, grounding anchor, while the subtle, sandy beige #C9BBAC provides a welcome contrast and relief. Ideal for designers seeking to convey rugged natural beauty, warmth, and an adventurous spirit, this palette offers depth and character for impactful visual storytelling across various media.

Best used for

  • Outdoor adventure and travel branding
  • Southwestern-inspired interior design
  • Rustic e-commerce platforms
  • Packaging for artisanal food or craft beer
  • Editorial design for nature magazines
  • UI/UX with a warm, earthy aesthetic

Suggested color roles

primary

Use #6D3A30 for strong headings, navigation, or foundational elements, providing a deep, robust anchor.

secondary

Apply #9C574B for larger content blocks or prominent UI components, offering a rich, warm mid-tone.

accent

Employ #BC7C69 for interactive elements or subtle highlights, providing a welcoming, sun-baked touch.

background

Utilize #C9BBAC for clean, warm backgrounds that offer good contrast for darker text, maintaining an inviting feel.

text

For optimal readability, use #6D3A30 for body text on lighter backgrounds, or a crisp white/off-white on the darkest shades.

Accessibility notes

  • Ensure #6D3A30 text has strong contrast against #E0A690 and #C9BBAC.
  • #E0A690 and #C9BBAC may not provide enough contrast for text when paired closely.
  • The darker shades (#9C574B, #6D3A30) will require light text (e.g., white) for readability.
  • Always test color contrast ratios for all text and interactive elements to meet WCAG standards.

Recommended combinations

Canyon Walls

Creates a strong, earthy gradient, excellent for backgrounds or layered graphic elements.

#E0A690 · #BC7C69 · #6D3A30

Desert Bloom

Perfect for designs needing a subtle focal point with warmth, like header accents or soft branding.

#C9BBAC · #9C574B · #E0A690

Rugged Earth

Suitable for robust branding or UI elements where depth and a natural feel are key.

#6D3A30 · #BC7C69 · #C9BBAC

CSS variables

:root {
  --desert-rose-canyon-1: #E0A690;
  --desert-rose-canyon-2: #BC7C69;
  --desert-rose-canyon-3: #9C574B;
  --desert-rose-canyon-4: #6D3A30;
  --desert-rose-canyon-5: #C9BBAC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-rose-canyon": {
        1: "#E0A690",
        2: "#BC7C69",
        3: "#9C574B",
        4: "#6D3A30",
        5: "#C9BBAC",
      }
    }
  }
}

Related searches

southwestern color palettedesert canyon earth tonesrustic terracotta colorswarm natural adventure schemesunbaked desert design

Palette colors

Hex values

Color 1#E0A690
·
Color 2#BC7C69
·
Color 3#9C574B
·
Color 4#6D3A30
·
Color 5#C9BBAC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4.4:1AA18
1.1:1Fail
2
1.6:1Fail
1.6:1Fail
2.7:1Fail
1.8:1Fail
3
2.6:1Fail
1.6:1Fail
1.7:1Fail
2.9:1Fail
4
4.4:1AA18
2.7:1Fail
1.7:1Fail
4.9:1AA
5
1.1:1Fail
1.8:1Fail
2.9:1Fail
4.9:1AA

Similar palettes

More like Desert Rose Canyon

View all warm
Sedona Horizon Glow
Sunbaked Adobe Wall
Sunlit Adobe Walls
Amber Sands Mirage
Crimson Ridge Dawn
Desert Bloom Mirage