Back to palettes

Palette

Canyon Whisper Sands

Captures the fading light over ancient sand dunes as the day ends, with earthy warmth.

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

#D4B89D#F0D7BB#A07D6C#E3C69C#8B5E4A

Palette guide

How to use Canyon Whisper Sands

Overview

The Canyon Whisper Sands palette captures the fading light over ancient sand dunes, offering earthy warmth and serene beauty. Featuring a soft beige #D4B89D, light cream #F0D7BB, warm taupe #A07D6C, gentle golden sand #E3C69C, and a rich chocolate brown #8B5E4A, this collection provides designers and developers with a sophisticated and tranquil aesthetic. It's ideal for projects seeking to convey calmness, natural depth, and a sense of timeless elegance. This harmonious blend of browns and creams creates an inviting and grounded user experience, perfect for conveying tranquility and organic beauty.

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 #A07D6C as a foundational color for main content blocks, headers, or primary navigation, establishing a sophisticated, calming base.

secondary

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

accent

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

background

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

text

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

Accessibility notes

  • Ensure #8B5E4A provides sufficient contrast for text when used on #F0D7BB or #D4B89D backgrounds.
  • Avoid using #A07D6C text on #D4B89D backgrounds for main content due to potential low contrast.
  • Lighter colors like #F0D7BB should be reserved for larger display text if used on #D4B89D.
  • Verify contrast ratios for all interactive elements, ensuring clear distinction between states, especially with the subtle variations in light tones.

Recommended combinations

Sunset Dunes

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

#F0D7BB · #E3C69C · #D4B89D

Earthy Depth

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

#8B5E4A · #A07D6C · #D4B89D

Golden Whisper

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

#E3C69C · #F0D7BB · #A07D6C

CSS variables

:root {
  --canyon-whisper-sands-1: #D4B89D;
  --canyon-whisper-sands-2: #F0D7BB;
  --canyon-whisper-sands-3: #A07D6C;
  --canyon-whisper-sands-4: #E3C69C;
  --canyon-whisper-sands-5: #8B5E4A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-whisper-sands": {
        1: "#D4B89D",
        2: "#F0D7BB",
        3: "#A07D6C",
        4: "#E3C69C",
        5: "#8B5E4A",
      }
    }
  }
}

Related searches

warm sand color palettenatural desert tonesterracotta brown creamsubtle canyon designtranquil earth shades

Palette colors

Hex values

Color 1#D4B89D
·
Color 2#F0D7BB
·
Color 3#A07D6C
·
Color 4#E3C69C
·
Color 5#8B5E4A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
1.2:1Fail
2.9:1Fail
2
1.4:1Fail
2.7:1Fail
1.2:1Fail
4:1AA18
3
2:1Fail
2.7:1Fail
2.3:1Fail
1.5:1Fail
4
1.2:1Fail
1.2:1Fail
2.3:1Fail
3.4:1AA18
5
2.9:1Fail
4:1AA18
1.5:1Fail
3.4:1AA18

Similar palettes

More like Canyon Whisper Sands

View all earth
Amber Sands Mirage
Bohemian Desert Bloom
Canyon Wall Rust
Desert Clay Warmth
Desert Rose Bloom
Sun-Kissed Desert Clay