Back to palettes

Palette

Twilight Dunes

A calming palette of sun-faded sand and fading light, capturing the serene moments as day turns to night in the desert.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFDAB9#F0E68C#CD853F#BDB76B#6B8E23

Palette guide

How to use Twilight Dunes

Overview

The Twilight Dunes palette captures the serene moments as day turns to night in the desert, with a calming blend of sun-faded sand and fading light. Featuring the warm #CD853F (Warm Russet Brown) and the vibrant #F0E68C (Muted Gold), this scheme exudes a natural and peaceful aura. The earthy #BDB76B (Muted Olive Green) and the deep #6B8E23 (Deep Olive Green) add touches of desert flora, while #FFDAB9 (Pale Peach-Sand) provides an expansive, soft background. This palette is genuinely useful for designers and developers crafting eco-conscious branding, nature photography websites, or calm and natural app interfaces, offering an authentic and soothing visual experience.

Best used for

  • Eco-conscious or sustainable brand identities
  • Nature photography websites or portfolios
  • Desert-themed travel blogs and content
  • Earthy interior design concepts
  • Organic product packaging design
  • Calm and natural app interfaces

Suggested color roles

primary

Utilize #CD853F (Warm Russet Brown) as a grounding, natural primary color for main sections, headers, or important elements.

secondary

Apply #BDB76B (Muted Olive Green) for earthy support in content areas, secondary buttons, or subtle textures.

accent

Introduce #6B8E23 (Deep Olive Green) as a strong natural accent for calls to action, icons, or focal points.

background

Employ #FFDAB9 (Pale Peach-Sand) for soft, expansive backgrounds that evoke sun-faded sand and light.

text

For dark text, use #6B8E23 or a dark brown/charcoal on light backgrounds. For dark backgrounds, white or #FFDAB9 ensures good readability.

Accessibility notes

  • The very light #FFDAB9 and #F0E68C require very dark text for optimal readability.
  • The mid-tone #BDB76B might have insufficient contrast with #F0E68C or #FFDAB9 for small text.
  • Ensure good contrast between text and background, especially with the lighter shades, to meet accessibility standards.
  • Use #6B8E23 or #CD853F for primary text on light backgrounds to ensure clear legibility.

Recommended combinations

Desert Sunset

Creates a warm, inviting feel with a rich brown, golden accent, and soft, sandy light.

#CD853F · #F0E68C · #FFDAB9

Oasis Flora

Offers a natural, earthy combination with muted and deep greens against a pale background.

#BDB76B · #6B8E23 · #FFDAB9

Fading Light

Combines a warm base with an earthy mid-tone and a soft, expansive light for a serene feel.

#CD853F · #BDB76B · #FFDAB9

CSS variables

:root {
  --twilight-dunes-1: #FFDAB9;
  --twilight-dunes-2: #F0E68C;
  --twilight-dunes-3: #CD853F;
  --twilight-dunes-4: #BDB76B;
  --twilight-dunes-5: #6B8E23;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "twilight-dunes": {
        1: "#FFDAB9",
        2: "#F0E68C",
        3: "#CD853F",
        4: "#BDB76B",
        5: "#6B8E23",
      }
    }
  }
}

Related searches

desert twilight palettenatural sand colorscalming earthy tonessun-faded green brownserene desert branding

Palette colors

Hex values

Color 1#FFDAB9
·
Color 2#F0E68C
·
Color 3#CD853F
·
Color 4#BDB76B
·
Color 5#6B8E23
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
2.3:1Fail
1.6:1Fail
2.9:1Fail
2
1:1Fail
2.3:1Fail
1.6:1Fail
3:1Fail
3
2.3:1Fail
2.3:1Fail
1.4:1Fail
1.3:1Fail
4
1.6:1Fail
1.6:1Fail
1.4:1Fail
1.8:1Fail
5
2.9:1Fail
3:1Fail
1.3:1Fail
1.8:1Fail

Similar palettes

More like Twilight Dunes

View all warm