Back to palettes

Palette

Desert Haze Horizon

A warm, earthy palette reflecting the subtle glow of a sun setting over a vast, dusty desert landscape.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Haze Horizon 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 Haze Horizon.

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

Data visualization

#E09F7D#C87F5E#A6634C#7A4C3D#5A3A2C

Palette guide

How to use Desert Haze Horizon

Overview

The Desert Haze Horizon palette offers a rich, monochromatic journey through warm, earthy tones, perfectly capturing the subtle glow of a desert sunset. From the soft #E09F7D to the deep #5A3A2C, this gradient of terracotta and muted browns provides a sophisticated and grounding aesthetic. Designers can leverage this palette to create a sense of natural warmth and depth in their projects, whether for rustic branding, elegant web design, or editorial content. The seamless transition between hues like #C87F5E and #A6634C ensures visual harmony, making it ideal for evoking a serene yet robust natural environment.

Best used for

  • Rustic interior design concepts
  • Earthy brand identity
  • Warm photography backdrops
  • Outdoor adventure gear
  • Luxury skincare packaging
  • Historical documentary visuals

Suggested color roles

primary

Use #E09F7D as a warm, inviting primary background or large UI element, setting a gentle tone.

secondary

Employ #C87F5E for secondary sections or dividers, providing a smooth transition and added warmth.

accent

Introduce #A6634C as a subtle accent for interactive elements or important details, maintaining earthy elegance.

background

Apply #E09F7D for soft, hazy backgrounds, allowing deeper tones to create visual interest.

text

Utilize #5A3A2C for all body text, ensuring excellent readability and a cohesive, natural feel.

Accessibility notes

  • Ensure #5A3A2C or #7A4C3D is used for text against #E09F7D or #C87F5E for sufficient contrast.
  • Avoid using adjacent colors in the gradient for small text due to potential low contrast.
  • The darkest shades like #5A3A2C provide strong contrast for headings on any lighter color in the palette.
  • For readability, always test text contrast, especially when layering #A6634C on #C87F5E.

Recommended combinations

Sunset Gradient

Ideal for hero banners or background gradients, creating a natural depth.

#E09F7D · #C87F5E · #A6634C

Deep Earth

Effective for strong branding elements, footers, or impactful text blocks.

#A6634C · #7A4C3D · #5A3A2C

Hazy Horizon

Provides a balanced, warm look for content cards or subtle UI components.

#E09F7D · #7A4C3D · #C87F5E

CSS variables

:root {
  --desert-haze-horizon-1: #E09F7D;
  --desert-haze-horizon-2: #C87F5E;
  --desert-haze-horizon-3: #A6634C;
  --desert-haze-horizon-4: #7A4C3D;
  --desert-haze-horizon-5: #5A3A2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-haze-horizon": {
        1: "#E09F7D",
        2: "#C87F5E",
        3: "#A6634C",
        4: "#7A4C3D",
        5: "#5A3A2C",
      }
    }
  }
}

Related searches

desert sunset colorsearthy brown paletteterracotta color schemewarm gradient designnatural horizon hues

Palette colors

Hex values

Color 1#E09F7D
·
Color 2#C87F5E
·
Color 3#A6634C
·
Color 4#7A4C3D
·
Color 5#5A3A2C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.2:1AA18
4.5:1AA
2
1.4:1Fail
1.5:1Fail
2.3:1Fail
3.2:1AA18
3
2.1:1Fail
1.5:1Fail
1.5:1Fail
2.2:1Fail
4
3.2:1AA18
2.3:1Fail
1.5:1Fail
1.4:1Fail
5
4.5:1AA
3.2:1AA18
2.2:1Fail
1.4:1Fail

Similar palettes

More like Desert Haze Horizon

View all earth
Adobe Sunset Glow
Desert Clay Warmth
Mesa Twilight Hues
Ochre Dune Sunset
Sunstone Mesa Horizon
Terra Cotta Bloom