Back to palettes

Palette

Dusty Trail Sunrise

Reminiscent of the warm, earthy tones of a desert trail under the first golden light of dawn.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusty Trail Sunrise 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 Trail Sunrise.

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

Data visualization

#8B4513#BC8F8F#DAA520#F5DEB3#A0522D

Palette guide

How to use Dusty Trail Sunrise

Overview

The Dusty Trail Sunrise palette is reminiscent of the warm, earthy tones of a desert trail under the first golden light of dawn. This natural collection features rich browns like #8B4513 and #A0522D, complemented by the warm golden hues of #DAA520 and the soft, sandy #F5DEB3. A touch of muted rose, #BC8F8F, adds unexpected depth. Designers and developers can leverage this palette to create rustic, adventurous, and comforting experiences. It's ideal for projects aiming to convey exploration, natural beauty, and warmth, suitable for both digital interfaces and physical product designs with an authentic, earthy touch.

Best used for

  • Outdoor adventure branding
  • Rustic home decor products
  • Travel and tourism websites
  • Earthy product packaging
  • Southwestern inspired fashion
  • Nature photography displays

Suggested color roles

primary

#DAA520 - A vibrant golden yellow, excellent for primary UI elements or brand accents.

secondary

#A0522D - A rich, warm reddish-brown, ideal for supporting content or secondary highlights.

accent

#8B4513 - The deepest, most grounding brown, perfect for impactful accents or calls-to-action.

background

#F5DEB3 - The lightest, sandy beige, providing a soft and airy canvas.

text

#8B4513 - A deep, readable saddle brown, ensuring strong contrast on lighter palette colors.

Accessibility notes

  • Ensure #8B4513 or #A0522D is used for text on #F5DEB3 or #BC8F8F to meet WCAG contrast guidelines.
  • The bright #DAA520 should primarily be used as an accent or for large text against dark backgrounds, not for small body text.
  • Avoid using #BC8F8F for text on #F5DEB3 due to insufficient contrast.
  • Test all text/background color pairs thoroughly, especially for interactive elements, to ensure readability.

Recommended combinations

Desert Dawn

Soft, warm background gradients or layered visual effects evoking a sunrise.

#F5DEB3 · #BC8F8F · #DAA520

Trail & Earth

High-contrast headings, buttons, or key information against a clean, light backdrop.

#8B4513 · #A0522D · #F5DEB3

Golden Hour

Creating balanced content blocks or decorative elements with an organic, adventurous feel.

#DAA520 · #BC8F8F · #A0522D

CSS variables

:root {
  --dusty-trail-sunrise-1: #8B4513;
  --dusty-trail-sunrise-2: #BC8F8F;
  --dusty-trail-sunrise-3: #DAA520;
  --dusty-trail-sunrise-4: #F5DEB3;
  --dusty-trail-sunrise-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusty-trail-sunrise": {
        1: "#8B4513",
        2: "#BC8F8F",
        3: "#DAA520",
        4: "#F5DEB3",
        5: "#A0522D",
      }
    }
  }
}

Related searches

desert sunrise paletteearthy gold brown schemerustic trail colorswarm adventure aestheticsouthwestern color palette

Palette colors

Hex values

Color 1#8B4513
·
Color 2#BC8F8F
·
Color 3#DAA520
·
Color 4#F5DEB3
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.5:1Fail
3.2:1AA18
5.4:1AA
1.3:1Fail
2
2.5:1Fail
1.3:1Fail
2.1:1Fail
2:1Fail
3
3.2:1AA18
1.3:1Fail
1.7:1Fail
2.5:1Fail
4
5.4:1AA
2.1:1Fail
1.7:1Fail
4.3:1AA18
5
1.3:1Fail
2:1Fail
2.5:1Fail
4.3:1AA18

Similar palettes

More like Dusty Trail Sunrise

View all earth
Ancient Relic Dust
Canyon Bloom Echo
Canyon Wall Terracotta
Canyon Whisper
Desert Canyon Echo
Desert Clay Hills