Back to palettes

Palette

Dusty Canyon Trails

Rugged and warm, inspired by the sun-beaten paths and towering walls of ancient canyons.

earthnatural5 colors
More earth 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

#BA4A00#D68910#F39C12#943126#7B241C

Palette guide

How to use Dusty Canyon Trails

Overview

The Dusty Canyon Trails palette is rugged and warm, inspired by the sun-beaten paths and towering walls of ancient canyons. With vibrant oranges like #BA4A00 and #F39C12, alongside deep reds such as #7B241C, this collection is ideal for designs that require a bold, adventurous, and earthy feel. Designers and developers can leverage these powerful tones to create captivating outdoor adventure brands, travel platforms, or digital interfaces that resonate with energy and authenticity. The palette offers a versatile foundation for conveying the dramatic beauty of natural landscapes.

Best used for

  • Outdoor adventure brands
  • Travel and tourism marketing
  • Rustic home decor
  • Automotive accessories branding
  • Gaming interfaces and themes
  • Bold editorial design

Suggested color roles

primary

#D68910 serves as a vibrant, warm orange, ideal for main content areas or headers.

secondary

#BA4A00 offers a deeper, fiery orange for impact, subheadings, or strong borders.

accent

#F39C12, the brightest orange, is perfect for calls-to-action, interactive elements, or striking highlights.

background

#7B241C is the deepest shade, creating a grounding red-brown base for contrast and depth.

text

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

Accessibility notes

  • For text on #7B241C or #943126, use #F39C12 or white for sufficient contrast and optimal readability.
  • The vibrant oranges (#BA4A00, #D68910, #F39C12) have high saturation; use carefully as accents to avoid 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

Fiery Canyon

Combines deep red-browns with a fiery orange for a powerful and dramatic aesthetic.

#7B241C · #943126 · #BA4A00

Sun-baked Rocks

Creates a bright to deep orange gradient effect, ideal for vibrant backgrounds or hero sections.

#F39C12 · #D68910 · #BA4A00

Trailhead

Offers balanced orange and red-brown with a bright accent, suitable for content blocks or visual hierarchy.

#D68910 · #943126 · #F39C12

CSS variables

:root {
  --dusty-canyon-trails-1: #BA4A00;
  --dusty-canyon-trails-2: #D68910;
  --dusty-canyon-trails-3: #F39C12;
  --dusty-canyon-trails-4: #943126;
  --dusty-canyon-trails-5: #7B241C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-canyon-trails": {
        1: "#BA4A00",
        2: "#D68910",
        3: "#F39C12",
        4: "#943126",
        5: "#7B241C",
      }
    }
  }
}

Related searches

rustic orange palettedesert red brownwarm canyon colorsadventure fiery schemebold earth tones

Palette colors

Hex values

Color 1#BA4A00
·
Color 2#D68910
·
Color 3#F39C12
·
Color 4#943126
·
Color 5#7B241C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.4:1Fail
1.5:1Fail
1.9:1Fail
2
1.8:1Fail
1.3:1Fail
2.7:1Fail
3.5:1AA18
3
2.4:1Fail
1.3:1Fail
3.5:1AA18
4.5:1AA
4
1.5:1Fail
2.7:1Fail
3.5:1AA18
1.3:1Fail
5
1.9:1Fail
3.5:1AA18
4.5:1AA
1.3:1Fail

Similar palettes

More like Dusty Canyon Trails

View all earth
Canyon Bloom Echo
Canyon Clay Bluffs
Canyon Wall Terracotta
Canyon Whisper
Desert Canyon Echo
Mesa Spire