Back to palettes

Palette

Canyon Wall Rust

Captures the sun-baked hues and textured surfaces of ancient desert canyons and rock formations.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#d9a786#c1674a#964f3a#723c2a#4e2a1d

Palette guide

How to use Canyon Wall Rust

Overview

The Canyon Wall Rust palette embodies the raw, sun-baked textures of ancient desert canyons. With a spectrum from soft terracotta #d9a786 and vibrant rust #c1674a, to rich sienna #964f3a, deep reddish-brown #723c2a, and a profound dark chocolate #4e2a1d, this collection offers designers and developers a robust, natural aesthetic. It's perfectly suited for projects aiming to convey authenticity, warmth, and a rugged, timeless appeal. This harmonious gradient of earthy reds and browns provides depth and character, ideal for creating immersive and inviting digital or physical experiences.

Best used for

  • Rustic or heritage brand identities
  • Outdoor apparel and gear websites
  • Desert-themed interior design concepts
  • Packaging for organic or artisanal goods
  • Digital interfaces for historical or geological content
  • Photography portfolios showcasing natural landscapes

Suggested color roles

primary

Use #c1674a as a dominant color for impactful headers, primary buttons, or illustrative elements, establishing a vibrant, earthy core.

secondary

Apply #964f3a for subheadings, detailed UI components, or background accents, providing depth and a sense of grounding.

accent

Leverage #d9a786 to highlight key information, calls to action, or decorative elements, offering a warm, inviting contrast.

background

Employ #d9a786 for main content areas or expansive backdrops, creating a soft, warm canvas that enhances readability.

text

For optimal readability, use #4e2a1d or a deep charcoal against lighter backgrounds, and white text against #723c2a or #964f3a.

Accessibility notes

  • Ensure #4e2a1d provides sufficient contrast for text when used on #d9a786 backgrounds.
  • Avoid using #c1674a text on #964f3a backgrounds for main content due to potential low contrast.
  • Lighter colors like #d9a786 should be reserved for larger display text if used on #c1674a.
  • Verify contrast ratios for all interactive elements, ensuring clear differentiation between states, especially with similar dark tones.

Recommended combinations

Rust Gradient

Ideal for smooth background transitions or layered graphic elements.

#D9A786 · #C1674A · #964F3A

Deep Canyon

Perfect for strong, grounded content blocks, footers, or sophisticated branding.

#4E2A1D · #723C2A · #964F3A

Terracotta Highlight

Use for accentuating key features or creating a warm, inviting focal point.

#C1674A · #D9A786 · #723C2A

CSS variables

:root {
  --canyon-wall-rust-1: #d9a786;
  --canyon-wall-rust-2: #c1674a;
  --canyon-wall-rust-3: #964f3a;
  --canyon-wall-rust-4: #723c2a;
  --canyon-wall-rust-5: #4e2a1d;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-wall-rust": {
        1: "#d9a786",
        2: "#c1674a",
        3: "#964f3a",
        4: "#723c2a",
        5: "#4e2a1d",
      }
    }
  }
}

Related searches

rustic terracotta palettecanyon rust color schemedesert red brown colorsnatural weathered toneswarm earth gradient

Palette colors

Hex values

Color 1#d9a786
·
Color 2#c1674a
·
Color 3#964f3a
·
Color 4#723c2a
·
Color 5#4e2a1d
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.8:1Fail
4.1:1AA18
5.9:1AA
2
1.9:1Fail
1.5:1Fail
2.2:1Fail
3.2:1AA18
3
2.8:1Fail
1.5:1Fail
1.5:1Fail
2.1:1Fail
4
4.1:1AA18
2.2:1Fail
1.5:1Fail
1.4:1Fail
5
5.9:1AA
3.2:1AA18
2.1:1Fail
1.4:1Fail

Similar palettes

More like Canyon Wall Rust

View all earth
Sunbaked Clay Earth
Adobe Sunset
Adobe Sunset Glow
Ancient Clay Vessel
Bohemian Desert Bloom
Boho Clay Bloom