Back to palettes

Palette

Moonlit Sand Dune

Warm, muted golds and browns transitioning to dark, cool grey, like a desert under moonlight.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moonlit Sand Dune 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 Moonlit Sand Dune.

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

Data visualization

#BDB76B#DAA520#CD853F#8B4513#2F4F4F

Palette guide

How to use Moonlit Sand Dune

Overview

The Moonlit Sand Dune palette captures the stark yet beautiful contrast of a desert landscape under the night sky. It blends warm, muted golds and browns, like #BDB76B, #DAA520, and #CD853F, with the deep, grounding tones of #8B4513, culminating in the cool, mysterious #2F4F4F. This palette is incredibly versatile for designers seeking to evoke a sense of natural warmth, ruggedness, and subtle sophistication. Its earthy foundation makes it suitable for projects that require a grounded, organic feel, while the darker shades offer depth and a touch of nocturnal intrigue, enhancing brand identity and UI elements.

Best used for

  • Nature-themed branding and packaging
  • Adventure travel websites and marketing
  • Rustic home decor and interior design
  • Masculine product lines and apparel
  • Environmental and conservation project websites
  • Outdoor lifestyle blogs and photography

Suggested color roles

primary

Utilize #CD853F as a warm, inviting primary color for main content areas or prominent features, offering a rich, earthy feel.

secondary

Apply #DAA520 for supporting elements, subheadings, or accents that need a brighter, golden touch, evoking sunlight on sand.

accent

The deepest brown, #8B4513, serves as a strong accent for important call-to-actions or significant headers, providing contrast and weight.

background

For a lighter, natural background, #BDB76B works well. For a dramatic, nocturnal backdrop, #2F4F4F creates an immersive experience.

text

Dark text like black or very dark charcoal works well on #BDB76B. White or light cream text offers excellent readability on #8B4513 and #2F4F4F.

Accessibility notes

  • Ensure sufficient contrast when using #BDB76B for text against other light colors. Dark text is usually best here.
  • The deep #2F4F4F and #8B4513 provide excellent contrast for light-colored text (e.g., white or a pale gold).
  • Be mindful of contrast when pairing #DAA520 and #CD853F, especially for smaller text elements.
  • Test readability of text on textured backgrounds if applying this palette to mimic sand or stone.

Recommended combinations

Desert Night

Ideal for dark mode interfaces, striking headers, or hero sections where the warm gold illuminates the deep, cool shadows.

#2F4F4F · #8B4513 · #DAA520

Earthy Glow

Perfect for natural product showcases, blog layouts, or warm background elements that need a harmonious, grounded feel.

#BDB76B · #CD853F · #DAA520

Deep Sands

Use for robust navigation, footers, or masculine branding where a strong, earthy, and sophisticated presence is desired.

#8B4513 · #CD853F · #2F4F4F

CSS variables

:root {
  --moonlit-sand-dune-1: #BDB76B;
  --moonlit-sand-dune-2: #DAA520;
  --moonlit-sand-dune-3: #CD853F;
  --moonlit-sand-dune-4: #8B4513;
  --moonlit-sand-dune-5: #2F4F4F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-sand-dune": {
        1: "#BDB76B",
        2: "#DAA520",
        3: "#CD853F",
        4: "#8B4513",
        5: "#2F4F4F",
      }
    }
  }
}

Related searches

desert night paletteearthy moonlight colorsrustic sand huesadventure branding colorsnatural brown gold grey

Palette colors

Hex values

Color 1#BDB76B
·
Color 2#DAA520
·
Color 3#CD853F
·
Color 4#8B4513
·
Color 5#2F4F4F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
3.4:1AA18
4.3:1AA18
2
1.1:1Fail
1.3:1Fail
3.2:1AA18
4:1AA18
3
1.4:1Fail
1.3:1Fail
2.4:1Fail
3:1Fail
4
3.4:1AA18
3.2:1AA18
2.4:1Fail
1.3:1Fail
5
4.3:1AA18
4:1AA18
3:1Fail
1.3:1Fail

Similar palettes

More like Moonlit Sand Dune

View all earth
Desert Starlight Path
Ancient Desert Sands
Ancient Desert Sands
Ancient Desert Sands
Ancient Egyptian Sands
Arid Blossom Mirage