Back to palettes

Palette

Desert Canyon Sun

A warm palette capturing the golden hour glow on ancient rock formations and sun-baked earth.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B5651D#E6A23D#ECC88F#7B3F00#C58B3F

Palette guide

How to use Desert Canyon Sun

Overview

The Desert Canyon Sun palette beautifully captures the golden hour glow on ancient rock formations and sun-baked earth. This warm palette is built around the vibrant #B5651D and the radiant #E6A23D, complemented by the lighter #ECC88F. A deep, grounding presence is found in #7B3F00, while the versatile #C58B3F bridges the tones, creating a harmonious and inviting collection. Designers and developers can utilize these colors to evoke a sense of warmth, energy, and natural splendor. It's an excellent choice for projects seeking to convey authenticity, adventure, and a connection to the majestic desert landscape.

Best used for

  • Adventure travel websites
  • Southwestern-themed events
  • Natural food and beverage branding
  • Outdoor gear and apparel
  • Photography and nature blogs
  • Earthy interior accents

Suggested color roles

primary

#E6A23D - A radiant golden orange, excellent for primary calls to action, main headings, or dominant graphic elements, conveying warmth and optimism.

secondary

#B5651D - A rich, deep orange, providing a strong, grounding presence for navigation, footers, or important textual content.

accent

#C58B3F - A versatile, muted gold, perfect for subtle highlights, interactive states, or decorative flourishes that add sophistication.

background

#ECC88F - A light, sun-kissed beige, serving as a clean, warm backdrop that allows the richer tones to pop while maintaining an earthy feel.

text

#7B3F00 - A very deep, robust brown, offering excellent readability for body text against lighter backgrounds, or use black for maximum contrast.

Accessibility notes

  • Ensure sufficient contrast between #7B3F00 text and #ECC88F backgrounds for WCAG AA compliance.
  • Avoid using #E6A23D or #C58B3F for small text on similar background shades, as contrast may be insufficient.
  • For critical information, pair the darkest color #7B3F00 with the lightest background #ECC88F.
  • Consider using pure black or a very dark charcoal for body text on very light backgrounds for optimal legibility.

Recommended combinations

Golden Hour

Strong contrast for headlines and key features, capturing the dramatic desert light.

#7B3F00 · #E6A23D · #B5651D

Sun-baked Ochre

A warm, inviting blend for layered UI elements or subtle branding accents, evoking natural textures.

#B5651D · #C58B3F · #E6A23D

Desert Radiance

A vibrant trio for impactful branding, offering a rich spectrum of natural warmth and light.

#B5651D · #E6A23D · #ECC88F

CSS variables

:root {
  --desert-canyon-sun-1: #B5651D;
  --desert-canyon-sun-2: #E6A23D;
  --desert-canyon-sun-3: #ECC88F;
  --desert-canyon-sun-4: #7B3F00;
  --desert-canyon-sun-5: #C58B3F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-canyon-sun": {
        1: "#B5651D",
        2: "#E6A23D",
        3: "#ECC88F",
        4: "#7B3F00",
        5: "#C58B3F",
      }
    }
  }
}

Related searches

golden desert palettewarm ochre colorssunbaked earth tonescanyon sunset color schemenatural sand brown palette

Palette colors

Hex values

Color 1#B5651D
·
Color 2#E6A23D
·
Color 3#ECC88F
·
Color 4#7B3F00
·
Color 5#C58B3F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2.7:1Fail
1.9:1Fail
1.5:1Fail
2
2:1Fail
1.4:1Fail
3.8:1AA18
1.3:1Fail
3
2.7:1Fail
1.4:1Fail
5.2:1AA
1.9:1Fail
4
1.9:1Fail
3.8:1AA18
5.2:1AA
2.8:1Fail
5
1.5:1Fail
1.3:1Fail
1.9:1Fail
2.8:1Fail

Similar palettes

More like Desert Canyon Sun

View all earth
Ancient Desert Sands
Ancient Desert Sands
Ancient Desert Sands
Ancient Desert Tapestry
Arid Blossom Mirage
Arid Flower Sparkle