Palette

Desert Dusk Horizon

Warm, fading hues that capture the breathtaking beauty of a desert sunset stretching across the horizon.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9E5A44#C87A5B#E69D7A#F5BF9B#6A3A2C

Palette guide

How to use Desert Dusk Horizon

Overview

The Desert Dusk Horizon palette captures the breathtaking beauty of a desert sunset, stretching across the horizon with warm, fading hues. This evocative collection features the deep #6A3A2C (Dark Brown) and rich #9E5A44 (Deep Rust), balanced by the inviting #C87A5B (Warm Terracotta) and softer #E69D7A (Lighter Terracotta). The airy #F5BF9B (Light Peach) completes the palette, offering a touch of fading light. It's an excellent choice for designs that aim to convey warmth, expansiveness, and natural beauty, perfect for branding, web interfaces, or artistic projects inspired by natural landscapes and twilight serenity.

Best used for

Travel and tourism branding for desert destinations
Nature-inspired photography or art prints
Event invitations for outdoor or rustic weddings
Websites for eco-friendly products or sustainable living
Interior design for cozy, warm spaces
Editorial design for travel or lifestyle magazines

Suggested color roles

primary

#C87A5B (Warm Terracotta) - An inviting and versatile primary color, perfect for main content areas, brand identity, or large graphic elements.

secondary

#E69D7A (Lighter Terracotta) - A softer, complementary tone that adds warmth and lightness, ideal for supporting information or backgrounds.

accent

#9E5A44 (Deep Rust) - A rich, vibrant accent that adds depth and draws attention, excellent for calls-to-action or key highlights.

background

#F5BF9B (Light Peach) - The lightest color, providing a soft, warm, and airy background that evokes the fading light of dusk.

text

#6A3A2C (Dark Brown) - A deep, grounding brown that offers excellent readability and a sophisticated, organic feel for typography.

Accessibility notes

Ensure #6A3A2C text has excellent contrast against #F5BF9B and #E69D7A backgrounds for readability.
The accent color #9E5A44 offers good contrast on #F5BF9B but use larger text sizes on #E69D7A for optimal legibility.
Avoid using #C87A5B for small text on #E69D7A due to similar luminance values.
For interactive elements, maintain clear contrast, especially with the warmer, mid-tone colors.

Recommended combinations

Dusk Fade

Creates a beautiful, soft gradient effect, ideal for backgrounds or visual elements representing transitions.

#F5BF9B · #E69D7A · #C87A5B

Horizon Depth

A strong, grounded combination, perfect for headers, footers, or content blocks needing visual weight and warmth.

#6A3A2C · #9E5A44 · #C87A5B

Sunset Accent

Provides a light base with a vibrant accent and deep text, suitable for highlighting key information.

#F5BF9B · #9E5A44 · #6A3A2C

CSS variables

:root {
  --desert-dusk-horizon-1: #9E5A44;
  --desert-dusk-horizon-2: #C87A5B;
  --desert-dusk-horizon-3: #E69D7A;
  --desert-dusk-horizon-4: #F5BF9B;
  --desert-dusk-horizon-5: #6A3A2C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-dusk-horizon": {
        1: "#9E5A44",
        2: "#C87A5B",
        3: "#E69D7A",
        4: "#F5BF9B",
        5: "#6A3A2C",
      }
    }
  }
}

Hex values

Color 1#9E5A44

Color 2#C87A5B

Color 3#E69D7A

Color 4#F5BF9B

Color 5#6A3A2C

Accessibility

Contrast checker

1.6:1Fail

2.4:1Fail

3.2:1AA18

1.8:1Fail

1.6:1Fail

1.5:1Fail

2:1Fail

2.8:1Fail

2.4:1Fail

1.5:1Fail

1.4:1Fail

4.2:1AA18

3.2:1AA18

2:1Fail

1.4:1Fail

5.7:1AA

1.8:1Fail

2.8:1Fail

4.2:1AA18

5.7:1AA

Similar palettes

More like Desert Dusk Horizon

Ochre Desert Twilight