Back to palettes

Palette

Whispering Canyon Wall

Earthly tones reflecting the textured strata and warm echoes of ancient canyon walls at sundown.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A36F4C#C79D7E#E6C9B0#7A4D32#B38C6F

Palette guide

How to use Whispering Canyon Wall

Overview

The Whispering Canyon Wall palette captures the earthly tones of textured strata and warm echoes of ancient canyon walls at sundown. This vibrant yet natural collection, spanning from the light #E6C9B0 to the rich #7A4D32, offers designers and developers a compelling set of colors for evoking rustic charm and natural beauty. The dominant #A36F4C provides a strong focal point, while #C79D7E offers a supportive warmth. This palette is excellent for projects aiming to convey authenticity, adventure, and the grandeur of natural landscapes.

Best used for

  • Southwestern-themed decor and branding
  • Artisanal craft product lines
  • Travel blogs and adventure websites
  • Outdoor apparel and gear brands
  • Historical documentaries and exhibits
  • Natural beauty product packaging

Suggested color roles

primary

#E6C9B0 serves as a light, sandy base, perfect for expansive backgrounds or soft content areas.

secondary

#C79D7E provides supportive warmth, ideal for secondary content blocks or subtle accents.

accent

#A36F4C acts as a rich, dominant earth tone, excellent for calls to action or key visual elements.

background

#E6C9B0 offers a bright, inviting backdrop that highlights the warmer tones effectively.

text

#7A4D32 delivers a dark, highly legible brown, ensuring excellent readability for body text and headings.

Accessibility notes

  • Use #7A4D32 for primary text on lighter backgrounds like #E6C9B0 to ensure strong contrast.
  • Avoid using #E6C9B0 for small text elements due to its light value and potential for low readability.
  • Ensure sufficient contrast when placing #A36F4C on #C79D7E for interactive elements or distinct sections.
  • Larger text or bolder fonts may be necessary for #B38C6F on #C79D7E to maintain readability.

Recommended combinations

Desert Sunset

For a harmonious and warm design, suitable for hero images, main content blocks, or brand storytelling.

#E6C9B0 · #C79D7E · #A36F4C

Deep Strata

To create visual depth and a sense of grounding, ideal for footers, navigation, or data visualization elements.

#C79D7E · #B38C6F · #7A4D32

Warm Foundation

For clear hierarchy and distinction, such as text on cards, feature highlights, or prominent calls to action.

#E6C9B0 · #A36F4C · #7A4D32

CSS variables

:root {
  --whispering-canyon-wall-1: #A36F4C;
  --whispering-canyon-wall-2: #C79D7E;
  --whispering-canyon-wall-3: #E6C9B0;
  --whispering-canyon-wall-4: #7A4D32;
  --whispering-canyon-wall-5: #B38C6F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-canyon-wall": {
        1: "#A36F4C",
        2: "#C79D7E",
        3: "#E6C9B0",
        4: "#7A4D32",
        5: "#B38C6F",
      }
    }
  }
}

Related searches

canyon color schemedesert earth tonesrustic orange brownnatural warm palettesouthwestern design colors

Palette colors

Hex values

Color 1#A36F4C
·
Color 2#C79D7E
·
Color 3#E6C9B0
·
Color 4#7A4D32
·
Color 5#B38C6F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
1.7:1Fail
1.4:1Fail
2
1.7:1Fail
1.6:1Fail
2.9:1Fail
1.2:1Fail
3
2.7:1Fail
1.6:1Fail
4.5:1AA
1.9:1Fail
4
1.7:1Fail
2.9:1Fail
4.5:1AA
2.3:1Fail
5
1.4:1Fail
1.2:1Fail
1.9:1Fail
2.3:1Fail

Similar palettes

More like Whispering Canyon Wall

View all earth
Ancient Clay Vessel
Canyon Whisper
Desert Canyon Echo
Mesa Tones
Aged Wood Stain
Baked Earth