Palette

Canyon Clay Whisper

Sun-baked tones of ancient canyon walls, revealing the rich spectrum of natural clays and stone.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Canyon Clay Whisper 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 Clay Whisper.

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

Data visualization

#D2B48C#B8860B#A0522D#8B4513#CD5C5C

Palette guide

How to use Canyon Clay Whisper

Overview

The "Canyon Clay Whisper" palette merges sun-baked tones with unexpected hints of vibrant color, creating a unique natural aesthetic. It features the soft, sandy beige of #D2B48C, grounding browns like #A0522D and #8B4513, and a striking, muted gold in #B8860B. The inclusion of #CD5C5C, a warm, muted red, adds a touch of subtle vibrancy reminiscent of desert blooms. This palette is excellent for designs aiming for a rustic, sophisticated, or southwestern feel, offering a balance between earthy stability and gentle visual intrigue. It's versatile for both digital and print applications, enhancing user engagement with its organic depth.

Best used for

Southwestern-themed home decor websites
Artisanal pottery or ceramics e-commerce
Spa or wellness brand identities seeking warmth
Photography portfolios showcasing natural landscapes
Rustic wedding invitations or event branding
Boutique hotel websites with an earthy aesthetic

Suggested color roles

primary

Use #8B4513 for a strong, earthy foundation in headers or structural elements, providing depth and stability.

secondary

Employ #A0522D for subheadings, navigation, or secondary content blocks, maintaining a warm, cohesive feel.

accent

Apply #CD5C5C sparingly for call-to-action buttons or key highlights, adding a vibrant, appealing pop.

background

Utilize #D2B48C as a soft, inviting background, offering excellent readability for darker text.

text

For body text, a rich dark brown like #8B4513 or a deep charcoal provides optimal contrast against #D2B48C.

Accessibility notes

Ensure sufficient contrast between #D2B48C and text; darker shades from the palette are ideal.
Check WCAG compliance for #B8860B when used for text, especially on lighter backgrounds.
Avoid placing #A0522D and #8B4513 immediately adjacent for small text to prevent visual ambiguity.
The striking #CD5C5C should be tested for contrast when used on varying background colors.

Recommended combinations

Desert Bloom

Great for showcasing a focal point or a call-to-action against a soft, natural backdrop.

#D2B48C · #CD5C5C · #A0522D

Terra & Gold

Creates a luxurious yet grounded feel, suitable for branding or premium product displays.

#8B4513 · #B8860B · #D2B48C

Whisper Layers

Perfect for layered informational graphics or text hierarchy, maintaining a soft, natural progression.

#D2B48C · #A0522D · #8B4513

CSS variables

:root {
  --canyon-clay-whisper-1: #D2B48C;
  --canyon-clay-whisper-2: #B8860B;
  --canyon-clay-whisper-3: #A0522D;
  --canyon-clay-whisper-4: #8B4513;
  --canyon-clay-whisper-5: #CD5C5C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-clay-whisper": {
        1: "#D2B48C",
        2: "#B8860B",
        3: "#A0522D",
        4: "#8B4513",
        5: "#CD5C5C",
      }
    }
  }
}

Hex values

Color 1#D2B48C

Color 2#B8860B

Color 3#A0522D

Color 4#8B4513

Color 5#CD5C5C

Accessibility

Contrast checker

1.7:1Fail

2.8:1Fail

3.6:1AA18

2:1Fail

1.7:1Fail

2.2:1Fail

1.2:1Fail

2.8:1Fail

1.7:1Fail

1.3:1Fail

1.4:1Fail

3.6:1AA18

2.2:1Fail

1.3:1Fail

1.8:1Fail

2:1Fail

1.2:1Fail

1.4:1Fail

1.8:1Fail

Similar palettes

More like Canyon Clay Whisper

Canyon Clay Whisper

See it in context.

Ready when you are.

Built with Canyon Clay Whisper.

How to use Canyon Clay Whisper

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Desert Bloom

Terra & Gold

Whisper Layers

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Canyon Clay Whisper