Back to palettes

Palette

Canyon Wall Erosion

Reflects the rugged beauty of a canyon wall, carved by time and erosion, in warm, earthy tones.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A0522D#D2B48C#B8860B#5C4033#D2691E

Palette guide

How to use Canyon Wall Erosion

Overview

The Canyon Wall Erosion palette captures the rugged artistry of time-worn landscapes. Featuring a rich sienna #A0522D, soft desert sand #D2B48C, deep goldenrod #B8860B, grounding dark brown #5C4033, and a vibrant burnt orange #D2691E, this collection offers a versatile range for designers and developers. It's ideal for projects aiming to convey authenticity, natural beauty, and a sense of enduring strength. The harmonious blend of earthy reds, browns, and a touch of gold provides a robust foundation for compelling visual narratives across various digital and print applications.

Best used for

  • Geological or nature conservation websites
  • Rustic food and beverage branding
  • Outdoor gear or adventure tourism platforms
  • Historical documentary graphic design
  • Packaging for natural, artisanal products
  • E-commerce sites for handcrafted goods

Suggested color roles

primary

Use #A0522D as a core color for significant sections, headlines, or primary calls to action, establishing a warm, inviting presence.

secondary

Apply #5C4033 for subheadings, detailed UI elements, or as a grounding background texture, providing depth and contrast.

accent

Leverage #B8860B or #D2691E to highlight key information, interactive elements, or decorative accents, adding a vibrant, natural energy.

background

Employ #D2B48C for main content areas or expansive backgrounds, offering a clean, airy canvas that enhances readability.

text

For optimal readability, use #5C4033 or a deep charcoal against lighter backgrounds, and white text against #A0522D or #D2691E.

Accessibility notes

  • Ensure #5C4033 provides sufficient contrast for text when used on #D2B48C backgrounds.
  • Colors like #B8860B and #D2691E may need to be used with larger text sizes or bolder weights on #D2B48C to meet WCAG AA.
  • Avoid pairing #A0522D text on #D2691E without verification, as contrast might be low for readability.
  • Verify contrast ratios for all text and interactive elements, especially when combining similar mid-tones.

Recommended combinations

Eroded Layers

Ideal for creating layered background effects or distinct content sections.

#A0522D · #5C4033 · #D2B48C

Golden Desert

Perfect for calls to action, highlight boxes, or elements needing a warm, inviting glow.

#B8860B · #D2B48C · #D2691E

Rugged Saffron

Use for strong branding elements or visual metaphors of natural strength and warmth.

#D2691E · #A0522D · #5C4033

CSS variables

:root {
  --canyon-wall-erosion-1: #A0522D;
  --canyon-wall-erosion-2: #D2B48C;
  --canyon-wall-erosion-3: #B8860B;
  --canyon-wall-erosion-4: #5C4033;
  --canyon-wall-erosion-5: #D2691E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-wall-erosion": {
        1: "#A0522D",
        2: "#D2B48C",
        3: "#B8860B",
        4: "#5C4033",
        5: "#D2691E",
      }
    }
  }
}

Related searches

earthy erosion color palettenatural sienna golddesert geology colorsrustic brown orange schemewarm weathered design

Palette colors

Hex values

Color 1#A0522D
·
Color 2#D2B48C
·
Color 3#B8860B
·
Color 4#5C4033
·
Color 5#D2691E
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.8:1Fail
1.7:1Fail
1.7:1Fail
1.5:1Fail
2
2.8:1Fail
1.7:1Fail
4.8:1AA
1.8:1Fail
3
1.7:1Fail
1.7:1Fail
2.9:1Fail
1.1:1Fail
4
1.7:1Fail
4.8:1AA
2.9:1Fail
2.6:1Fail
5
1.5:1Fail
1.8:1Fail
1.1:1Fail
2.6:1Fail

Similar palettes

More like Canyon Wall Erosion

View all earth
Canyonlands Erosion
Canyon Clay Bluffs
Canyon Wall Amber
Canyon Wall Terracotta
Desert Canyon Wall
Saguaro Cactus Bloom