Back to palettes

Palette

Canyon Wall Amber

Earthy and rugged tones reflecting the majestic, sunlit walls of a grand canyon.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A52A2A#8B4513#CD853F#DAA520#D2B48C

Palette guide

How to use Canyon Wall Amber

Overview

The Canyon Wall Amber palette evokes the rugged beauty of sunlit geological formations. Featuring deep russet #A52A2A, rich saddle brown #8B4513, warm bronze #CD853F, vibrant golden amber #DAA520, and a soft desert sand #D2B48C, this collection offers designers and developers a robust foundation for projects requiring a natural, earthy aesthetic. Its harmonious blend of warm tones can create a sense of groundedness and timelessness. Ideal for conveying authenticity and connecting users with nature-inspired themes, this palette provides versatility for both subtle backgrounds and impactful focal points.

Best used for

  • Nature-themed branding and logos
  • Rustic website designs for lodges or artisanal goods
  • Adventure travel marketing materials
  • Packaging for organic or handcrafted products
  • Interior design visualizations with earthy tones
  • Digital illustrations of natural landscapes

Suggested color roles

primary

Use #A52A2A as a dominant color for strong headers, primary buttons, or illustrative outlines, conveying depth and warmth.

secondary

Apply #8B4513 for subheadings, detailed UI elements, or as a rich background texture, complementing the primary shade.

accent

Leverage #DAA520 to draw attention to key interactive elements, calls to action, or highlight important information with a vibrant, sun-kissed pop.

background

Employ #D2B48C for main content areas or expansive backgrounds, offering a light, clean canvas that allows other colors to stand out.

text

For optimal readability, use a dark brown like #8B4513 or a deep charcoal against lighter backgrounds, or white text against #A52A2A.

Accessibility notes

  • Ensure sufficient contrast when using #8B4513 or #A52A2A for text against #D2B48C backgrounds.
  • #DAA520 may require large or bold text when used on lighter shades like #D2B48C to meet WCAG AA.
  • Avoid placing #CD853F text directly on #DAA520 without checking contrast ratios carefully.
  • For interactive elements, ensure hover/focus states have distinct contrast changes, especially with similar tones like #CD853F and #D2B48C.

Recommended combinations

Golden Hour

Perfect for header sections or banners, evoking a warm, inviting glow.

#DAA520 · #CD853F · #D2B48C

Rugged Earth

Ideal for creating a grounded, strong visual hierarchy in content blocks.

#A52A2A · #8B4513 · #D2B48C

Desert Texture

Use for textural graphics or layered design elements, adding depth and richness.

#8B4513 · #CD853F · #A52A2A

CSS variables

:root {
  --canyon-wall-amber-1: #A52A2A;
  --canyon-wall-amber-2: #8B4513;
  --canyon-wall-amber-3: #CD853F;
  --canyon-wall-amber-4: #DAA520;
  --canyon-wall-amber-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-wall-amber": {
        1: "#A52A2A",
        2: "#8B4513",
        3: "#CD853F",
        4: "#DAA520",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

natural earth tones paletterugged amber color schemedesert canyon colorsrustic brown and goldwarm geological palette

Palette colors

Hex values

Color 1#A52A2A
·
Color 2#8B4513
·
Color 3#CD853F
·
Color 4#DAA520
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
2.4:1Fail
3.2:1AA18
3.6:1AA18
2
1:1Fail
2.4:1Fail
3.2:1AA18
3.6:1AA18
3
2.4:1Fail
2.4:1Fail
1.3:1Fail
1.5:1Fail
4
3.2:1AA18
3.2:1AA18
1.3:1Fail
1.1:1Fail
5
3.6:1AA18
3.6:1AA18
1.5:1Fail
1.1:1Fail

Similar palettes

More like Canyon Wall Amber

View all earth
Canyon Wall Carved
Canyon Wall Erosion
Canyonlands Erosion
Sediment Layer Strata
Ancient Canyon Echo
Canyon Dust Hues