Back to palettes

Palette

Canyon Whisper

Warm and rugged tones reflecting the majestic, sun-baked landscapes of desert canyons.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D68910#E67E22#BF6B26#8A4926#F2CC85

Palette guide

How to use Canyon Whisper

Overview

The Canyon Whisper palette captures the majestic, sun-baked landscapes of desert canyons with its warm and rugged tones. Featuring a vibrant orange #D68910, energetic burnt orange #E67E22, deep terracotta #BF6B26, rich saddle brown #8A4926, and a luminous golden beige #F2CC85, this collection provides designers and developers with a powerful, earthy aesthetic. It's ideal for projects demanding warmth, authenticity, and a strong connection to natural, geological themes, offering a robust and energetic visual foundation for engaging user experiences.

Best used for

  • Outdoor adventure and travel branding
  • Rustic lodge or glamping resort websites
  • Packaging for artisanal food or craft beverages
  • Digital interfaces for nature exploration apps
  • Editorial layouts for travel or wilderness magazines
  • Event branding for natural history exhibits

Suggested color roles

primary

Use #D68910 as a dominant color for impactful headlines, primary calls to action, or hero sections, creating a warm and inviting focal point.

secondary

Apply #BF6B26 for subheadings, detailed UI elements, or background textures, providing depth and a grounding effect.

accent

Leverage #E67E22 to draw attention to key interactive elements, alerts, or important information, offering a vibrant, energetic pop.

background

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

text

For optimal readability, use #8A4926 or a deep charcoal against lighter backgrounds, and white text against #D68910 or #BF6B26.

Accessibility notes

  • Ensure #8A4926 provides sufficient contrast for text when used on #F2CC85 backgrounds.
  • Avoid using #D68910 text on #E67E22 backgrounds for small text due to potential low contrast.
  • The vibrant #D68910 and #E67E22 should be checked for contrast when used with white text.
  • Verify that interactive elements have distinct hover/focus states, especially between similar oranges.

Recommended combinations

Canyon Glow

Ideal for dynamic headers, gradient overlays, or elements needing warm illumination.

#D68910 · #E67E22 · #F2CC85

Rugged Earth

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

#8A4926 · #BF6B26 · #D68910

Desert Radiance

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

#F2CC85 · #E67E22 · #8A4926

CSS variables

:root {
  --canyon-whisper-1: #D68910;
  --canyon-whisper-2: #E67E22;
  --canyon-whisper-3: #BF6B26;
  --canyon-whisper-4: #8A4926;
  --canyon-whisper-5: #F2CC85;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "canyon-whisper": {
        1: "#D68910",
        2: "#E67E22",
        3: "#BF6B26",
        4: "#8A4926",
        5: "#F2CC85",
      }
    }
  }
}

Related searches

warm canyon orange palettedesert rustic colorsnatural earth brown schemevibrant geological designsunbaked landscape tones

Palette colors

Hex values

Color 1#D68910
·
Color 2#E67E22
·
Color 3#BF6B26
·
Color 4#8A4926
·
Color 5#F2CC85
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.4:1Fail
2.4:1Fail
1.8:1Fail
2
1:1Fail
1.4:1Fail
2.4:1Fail
1.9:1Fail
3
1.4:1Fail
1.4:1Fail
1.7:1Fail
2.6:1Fail
4
2.4:1Fail
2.4:1Fail
1.7:1Fail
4.5:1AA18
5
1.8:1Fail
1.9:1Fail
2.6:1Fail
4.5:1AA18

Similar palettes

More like Canyon Whisper

View all earth
Mesa Tones
Ancient Clay Vessel
Canyon Bloom Echo
Desert Canyon Echo
Desert Canyon Echo
Desert Clay Hills