Back to palettes

Palette

Dusty Canyon Trails

Sunbaked tones of sandstone and dried earth, perfect for an adventurous spirit.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D4A373#E09F3E#A9835C#6C584C#3F3329

Palette guide

How to use Dusty Canyon Trails

Overview

The Dusty Canyon Trails palette features sunbaked tones of sandstone and dried earth, perfect for an adventurous spirit. With shades like #D4A373, #E09F3E, and the deep #3F3329, this collection is ideal for designs that require a rugged, warm, and natural feel. Designers and developers can leverage these harmonious tones to create captivating outdoor adventure brands, travel blogs, or digital interfaces that resonate with exploration and earthy authenticity. The palette offers a versatile foundation for conveying the raw beauty of natural landscapes.

Best used for

  • Outdoor adventure brands
  • Travel blogs and agencies
  • Rustic home decor
  • Natural product packaging
  • Documentary films and media
  • Hiking and camping gear

Suggested color roles

primary

#A9835C serves as a warm, earthy mid-brown, ideal for main content areas or headers.

secondary

#E09F3E offers a vibrant, sun-kissed orange for energy, calls-to-action, or key interactive elements.

accent

#D4A373 provides a lighter, sandy highlight, perfect for subtle accents or decorative details.

background

#3F3329 is the deepest shade, creating a grounding dark brown base for contrast and depth.

text

For readability on dark backgrounds, use #D4A373 or a light cream/white. For critical text, white is essential.

Accessibility notes

  • For text on #3F3329 or #6C584C, use #D4A373 or white for sufficient contrast and optimal readability.
  • The vibrant #E09F3E should be used as an accent or for key interactive elements, as large areas may cause visual fatigue.
  • Ensure all interactive elements are clearly distinguishable from their backgrounds with clear focus states.
  • For body text, a light cream or white provides optimal legibility on the darkest colors, especially for users with visual impairments.

Recommended combinations

Canyon Wall

Creates deep, earthy browns for a solid foundation, ideal for backgrounds or structural elements.

#3F3329 · #6C584C · #A9835C

Sunset Trail

Blends vibrant orange with lighter and mid-tone browns for an energetic and warm gradient effect.

#E09F3E · #D4A373 · #A9835C

Desert Path

Offers balanced browns with a bright, energetic accent, suitable for content blocks or visual hierarchy.

#A9835C · #D4A373 · #E09F3E

CSS variables

:root {
  --dusty-canyon-trails-2-1: #D4A373;
  --dusty-canyon-trails-2-2: #E09F3E;
  --dusty-canyon-trails-2-3: #A9835C;
  --dusty-canyon-trails-2-4: #6C584C;
  --dusty-canyon-trails-2-5: #3F3329;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-canyon-trails-2": {
        1: "#D4A373",
        2: "#E09F3E",
        3: "#A9835C",
        4: "#6C584C",
        5: "#3F3329",
      }
    }
  }
}

Related searches

dusty desert palettewarm earth tonesrustic canyon colorsadventure brown orangenatural outdoor design

Palette colors

Hex values

Color 1#D4A373
·
Color 2#E09F3E
·
Color 3#A9835C
·
Color 4#6C584C
·
Color 5#3F3329
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.5:1Fail
3:1Fail
5.4:1AA
2
1:1Fail
1.5:1Fail
2.9:1Fail
5.4:1AA
3
1.5:1Fail
1.5:1Fail
1.9:1Fail
3.5:1AA18
4
3:1Fail
2.9:1Fail
1.9:1Fail
1.8:1Fail
5
5.4:1AA
5.4:1AA
3.5:1AA18
1.8:1Fail

Similar palettes

More like Dusty Canyon Trails

View all warm
Canyon Vista Radiance
Desert Hearth Warmth
Baked Clay Pottery
Bohemian Desert Sunset
Canyon Sunrise Wash
Canyon Wall Ember