Back to palettes

Palette

Desert Twilight Haze

Captures the soft, dusty colors of the desert as the sun sets, creating a peaceful, hazy atmosphere.

EarthCalm5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5A4C40#8C6A5A#C2B6A6#7E7060#E4D8C4

Palette guide

How to use Desert Twilight Haze

Overview

The Desert Twilight Haze palette captures the soft, dusty colors of the desert as the sun sets, creating a peaceful, hazy atmosphere. Anchored by the deep charcoal brown of #5A4C40, it blends through muted earthy tones like #7E7060 and #8C6A5A, culminating in the light, dusty creams of #C2B6A6 and #E4D8C4. This palette is an excellent choice for designers and developers aiming to evoke a sense of calm, sophistication, or natural serenity. Its harmonious blend of subtle browns and grays creates a minimalist yet inviting aesthetic, perfect for designs that require both understated elegance and a connection to nature's quiet beauty.

Best used for

  • Calm meditation and wellness apps
  • Spa and luxury resort branding
  • Minimalist home decor websites
  • Sophisticated natural product lines
  • Subtle web and mobile UI design
  • Serene photography portfolios

Suggested color roles

primary

Utilize #5A4C40 for foundational elements like main navigation, footers, or bold headlines, establishing a deep, grounding anchor.

secondary

Employ #7E7060 for supporting roles such as subheadings, secondary buttons, or background sections, offering a muted, earthy gray-brown.

accent

Introduce #8C6A5A as a warmer mid-tone brown accent for highlights, small icons, or decorative details, providing gentle warmth.

background

Apply #E4D8C4 to main content areas or large backgrounds, creating a clean, airy, and highly readable canvas.

text

For optimal readability, use #5A4C40 or a dark charcoal against lighter backgrounds such as #E4D8C4 or #C2B6A6.

Accessibility notes

  • Ensure sufficient contrast for text on #E4D8C4 and #C2B6A6; dark text is always recommended.
  • Verify that #8C6A5A provides enough contrast if used for critical UI elements against adjacent lighter colors.
  • Avoid placing light-colored text on mid-tone browns like #7E7060 to prevent readability issues.
  • Use a contrast checker to confirm WCAG AA compliance for all text and interactive elements within this muted palette.

Recommended combinations

Twilight Foundation

Perfect for a strong primary color on a very light background with a muted secondary, excellent for calm branding.

#5A4C40 · #E4D8C4 · #7E7060

Hazy Layers

Ideal for creating layered backgrounds or subtle graphic elements, providing depth and a coherent hazy feel.

#8C6A5A · #C2B6A6 · #E4D8C4

Subtle Contrast

Use the lightest color as a background with the darkest as text, and a warm mid-tone for accents, ensuring clarity and serenity.

#E4D8C4 · #5A4C40 · #8C6A5A

CSS variables

:root {
  --desert-twilight-haze-1: #5A4C40;
  --desert-twilight-haze-2: #8C6A5A;
  --desert-twilight-haze-3: #C2B6A6;
  --desert-twilight-haze-4: #7E7060;
  --desert-twilight-haze-5: #E4D8C4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-twilight-haze": {
        1: "#5A4C40",
        2: "#8C6A5A",
        3: "#C2B6A6",
        4: "#7E7060",
        5: "#E4D8C4",
      }
    }
  }
}

Related searches

desert twilight colorsmuted earth hazecalm natural palettedusty beige brownserene design scheme

Palette colors

Hex values

Color 1#5A4C40
·
Color 2#8C6A5A
·
Color 3#C2B6A6
·
Color 4#7E7060
·
Color 5#E4D8C4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
4.1:1AA18
1.7:1Fail
5.9:1AA
2
1.7:1Fail
2.4:1Fail
1:1Fail
3.4:1AA18
3
4.1:1AA18
2.4:1Fail
2.4:1Fail
1.4:1Fail
4
1.7:1Fail
1:1Fail
2.4:1Fail
3.4:1AA18
5
5.9:1AA
3.4:1AA18
1.4:1Fail
3.4:1AA18

Similar palettes

More like Desert Twilight Haze

View all Earth
Moonlit Savannah Dusk
Whispering Dune Breeze
Ancient Ruin Whisper
Cactus Flower Dusk
Rain-Kissed Meadow
Zen Stone Bridge