Back to palettes

Palette

Canyon Whisper Sands

Echoing the serene beauty of a vast canyon at dusk, with sun-baked earth and shifting shadows.

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

#D9BE9B#BF9C6F#A67C5F#825842#5C4A42

Palette guide

How to use Canyon Whisper Sands

Overview

The Canyon Whisper Sands palette (variant 3) evokes the serene beauty of a vast canyon at dusk, with sun-baked earth and shifting shadows. Featuring a light sandy beige #D9BE9B, warm taupe #BF9C6F, earthy brown #A67C5F, deep saddle #825842, and a rich charcoal brown #5C4A42, this collection offers designers and developers a sophisticated and tranquil aesthetic. It's ideal for projects seeking to convey calmness, natural depth, and a sense of timeless elegance. This harmonious gradient of browns provides a versatile foundation for creating inviting and grounded digital experiences.

Best used for

  • High-end natural or artisanal product branding
  • Luxury eco-tourism websites
  • Serene interior design concepts
  • Packaging for gourmet coffee or chocolate
  • Digital interfaces for meditation or wellness apps
  • Editorial layouts for nature or lifestyle magazines

Suggested color roles

primary

Use #A67C5F as a foundational color for main content blocks, headers, or primary navigation, establishing a sophisticated, calming base.

secondary

Apply #825842 for supporting details, sub-sections, or background textures, providing depth and contrast.

accent

Leverage #BF9C6F for subtle highlights, interactive elements, or decorative accents, offering gentle warmth and approachability.

background

Employ #D9BE9B for expansive backgrounds or main content areas, creating a light, airy, and highly readable canvas.

text

For optimal readability, use #5C4A42 or a deep charcoal against lighter backgrounds, and white text against #825842.

Accessibility notes

  • Ensure #5C4A42 provides sufficient contrast for text when used on #D9BE9B or #BF9C6F backgrounds.
  • Avoid using #A67C5F text on #BF9C6F backgrounds for main content due to potential low contrast.
  • Lighter colors like #D9BE9B should be reserved for larger display text if used on #BF9C6F.
  • Verify contrast ratios for all interactive elements, ensuring clear distinction between states, especially with the subtle variations in mid-tones.

Recommended combinations

Dusk Gradient

Ideal for soft background transitions, hero sections, or layered UI elements.

#D9BE9B · #BF9C6F · #A67C5F

Shadowed Earth

Perfect for creating strong, grounded content blocks or sophisticated branding.

#825842 · #5C4A42 · #A67C5F

Warm Sands

Use for accentuating key features or adding a subtle, natural highlight.

#BF9C6F · #D9BE9B · #825842

CSS variables

:root {
  --canyon-whisper-sands-3-1: #D9BE9B;
  --canyon-whisper-sands-3-2: #BF9C6F;
  --canyon-whisper-sands-3-3: #A67C5F;
  --canyon-whisper-sands-3-4: #825842;
  --canyon-whisper-sands-3-5: #5C4A42;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-whisper-sands-3": {
        1: "#D9BE9B",
        2: "#BF9C6F",
        3: "#A67C5F",
        4: "#825842",
        5: "#5C4A42",
      }
    }
  }
}

Related searches

canyon dusk paletteserene earth tonesnatural brown gradientsand shadow color schemetranquil landscape design

Palette colors

Hex values

Color 1#D9BE9B
·
Color 2#BF9C6F
·
Color 3#A67C5F
·
Color 4#825842
·
Color 5#5C4A42
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.4:1AA18
4.7:1AA
2
1.4:1Fail
1.4:1Fail
2.4:1Fail
3.3:1AA18
3
2.1:1Fail
1.4:1Fail
1.7:1Fail
2.3:1Fail
4
3.4:1AA18
2.4:1Fail
1.7:1Fail
1.4:1Fail
5
4.7:1AA
3.3:1AA18
2.3:1Fail
1.4:1Fail

Similar palettes

More like Canyon Whisper Sands

View all earth
Canyon Cliffside View
Desert Bloom Oasis
Sahara Dust Bloom
Adobe Desert Hues
Adobe Sunset
Ancient Desert Sands