Back to palettes

Palette

Canyon Whisper Sands

The warm, muted tones of sun-baked canyon walls and windswept desert sands.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#D2B48C#B08B5C#E0B589#CC7722

Palette guide

How to use Canyon Whisper Sands

Overview

The Canyon Whisper Sands palette (variant 2) evokes the warm, sun-baked textures of windswept desert landscapes. Featuring a rich saddle brown #8B4513, soft desert sand #D2B48C, earthy taupe #B08B5C, gentle peach-beige #E0B589, and a vibrant burnt orange #CC7722, this collection offers designers and developers a robust yet inviting aesthetic. It's ideal for projects aiming to convey natural beauty, warmth, and a subtle sense of adventure. This harmonious blend of browns and oranges provides depth and character, perfect for creating immersive and authentic digital experiences.

Best used for

  • Adventure travel and tourism websites
  • Rustic lodge or glamping resort branding
  • Packaging for natural or artisanal food products
  • Outdoor gear and apparel e-commerce platforms
  • Digital interfaces for nature exploration apps
  • Editorial layouts for travel or wilderness magazines

Suggested color roles

primary

Use #8B4513 as a dominant color for strong headers, primary navigation, or foundational elements, establishing a grounded, natural base.

secondary

Apply #B08B5C for supporting content blocks, subheadings, or background textures, providing depth and earthy warmth.

accent

Leverage #CC7722 to draw attention to key interactive elements, calls to action, or important information, offering a vibrant, energetic pop.

background

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

text

For optimal readability, use #8B4513 or a deep charcoal against lighter backgrounds, and white text against #CC7722.

Accessibility notes

  • Ensure #8B4513 provides sufficient contrast for text when used on #D2B48C or #E0B589 backgrounds.
  • Avoid using #B08B5C text on #E0B589 backgrounds for main content due to potential low contrast.
  • Lighter colors like #D2B48C and #E0B589 should be reserved for larger display text if used together.
  • Verify contrast ratios for all interactive elements, ensuring clear distinction between states, especially with the similar lighter tones.

Recommended combinations

Desert Warmth

Ideal for soft gradients, expansive backgrounds, or subtle UI elements.

#D2B48C · #E0B589 · #B08B5C

Earthy Adventure

Perfect for creating strong content blocks, navigation, or vibrant calls to action.

#8B4513 · #B08B5C · #CC7722

Sun-Kissed Canyon

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

#CC7722 · #D2B48C · #8B4513

CSS variables

:root {
  --canyon-whisper-sands-2-1: #8B4513;
  --canyon-whisper-sands-2-2: #D2B48C;
  --canyon-whisper-sands-2-3: #B08B5C;
  --canyon-whisper-sands-2-4: #E0B589;
  --canyon-whisper-sands-2-5: #CC7722;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-whisper-sands-2": {
        1: "#8B4513",
        2: "#D2B48C",
        3: "#B08B5C",
        4: "#E0B589",
        5: "#CC7722",
      }
    }
  }
}

Related searches

warm desert sand paletterocky canyon colorsnatural adventure brownsunbaked earth tonesrustic orange beige scheme

Palette colors

Hex values

Color 1#8B4513
·
Color 2#D2B48C
·
Color 3#B08B5C
·
Color 4#E0B589
·
Color 5#CC7722
·

Accessibility

Contrast checker

1
2
3
4
5
1
3.6:1AA18
2.3:1Fail
3.8:1AA18
2.1:1Fail
2
3.6:1AA18
1.6:1Fail
1:1Fail
1.7:1Fail
3
2.3:1Fail
1.6:1Fail
1.7:1Fail
1.1:1Fail
4
3.8:1AA18
1:1Fail
1.7:1Fail
1.8:1Fail
5
2.1:1Fail
1.7:1Fail
1.1:1Fail
1.8:1Fail

Similar palettes

More like Canyon Whisper Sands

View all earth
Desert Rock Formation
Adobe Sunset
Agave Bloom Dawn
Arid Blossom Mirage
Arid Flower Sparkle
Bohemian Desert Bloom