Palette

Dune Horizon Glow

Evokes the vast, sun-drenched landscapes of an ancient desert at dusk, shimmering with light.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dune Horizon Glow 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 Dune Horizon Glow.

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

Data visualization

#C2B280#EEDC82#B38C52#8B4513#5C4033

Palette guide

How to use Dune Horizon Glow

Overview

The "Dune Horizon Glow" palette evokes the vast, sun-drenched landscapes of an ancient desert at dusk, shimmering with light. This rich, warm collection features a muted gold #C2B280, a bright sandy yellow #EEDC82, a deep amber #B38C52, a strong saddle brown #8B4513, and a dark, grounded coffee brown #5C4033. It's ideal for designs seeking a natural, adventurous, and robust aesthetic, capturing the essence of desert beauty. Designers can utilize this palette for travel brands, rugged outdoor products, or historical documentary themes. Developers will find these hex codes excellent for creating warm, immersive user interfaces that convey strength, authenticity, and a touch of golden hour magic.

Best used for

Desert adventure tourism branding
Outdoor gear and apparel websites
Rustic lodge or cabin interior design
Historical or archaeological exhibit design
Spicy food product packaging
Western-themed media or entertainment

Suggested color roles

primary

#B38C52 - A deep amber brown, excellent for main content areas or primary branding elements to convey warmth and depth.

secondary

#C2B280 - A muted gold, perfect for subheadings, navigation elements, or subtle background textures.

accent

#8B4513 - A strong saddle brown, ideal for calls-to-action, important icons, or to provide powerful contrast and grounding.

background

#EEDC82 - A bright sandy yellow, offering a radiant and inviting canvas that evokes sunlit dunes.

text

#5C4033 - The darkest brown in the palette, ensuring excellent readability and perfectly complementing the desert tones.

Accessibility notes

Ensure sufficient contrast when pairing #C2B280 with #EEDC82 for text; a darker text color is often required.
#5C4033 provides excellent contrast on #EEDC82 and #C2B280, making it ideal for body text.
Avoid using #B38C52 as text on #C2B280 due to potential low contrast, especially for smaller fonts.
When using #8B4513 for interactive elements, ensure its contrast against the background is sufficient for visibility.

Recommended combinations

Desert Layers

Creates a layered effect for backgrounds, hero sections, or to illustrate depth in a warm, natural setting.

#EEDC82 · #C2B280 · #B38C52

Grounded Warmth

Use for primary branding, strong text, and accents to convey robustness and natural grounding.

#B38C52 · #8B4513 · #5C4033

Horizon Glow

A bright base with the darkest color for strong contrast and a middle tone for secondary elements.

#EEDC82 · #5C4033 · #C2B280

CSS variables

:root {
  --dune-horizon-glow-1: #C2B280;
  --dune-horizon-glow-2: #EEDC82;
  --dune-horizon-glow-3: #B38C52;
  --dune-horizon-glow-4: #8B4513;
  --dune-horizon-glow-5: #5C4033;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dune-horizon-glow": {
        1: "#C2B280",
        2: "#EEDC82",
        3: "#B38C52",
        4: "#8B4513",
        5: "#5C4033",
      }
    }
  }
}

Hex values

Color 1#C2B280

Color 2#EEDC82

Color 3#B38C52

Color 4#8B4513

Color 5#5C4033

Accessibility

Contrast checker

1.5:1Fail

3.4:1AA18

4.5:1AA18

1.5:1Fail

2.2:1Fail

5.1:1AA

6.8:1AA

1.5:1Fail

2.2:1Fail

2.3:1Fail

3:1AA18

3.4:1AA18

5.1:1AA

2.3:1Fail

1.3:1Fail

4.5:1AA18

6.8:1AA

3:1AA18

1.3:1Fail

Similar palettes

More like Dune Horizon Glow

Dune Horizon Glow

See it in context.

Ready when you are.

Built with Dune Horizon Glow.

How to use Dune Horizon Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Desert Layers

Grounded Warmth

Horizon Glow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Dune Horizon Glow