Back to palettes

Palette

Desert Moon Sands

Muted, cool tones capturing the serene and stark beauty of a desert under moonlight.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Moon Sands 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 Moon Sands.

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

Data visualization

#E0D7CC#BFAFAF#8C8C8C#6B6B6B#4A4A4A

Palette guide

How to use Desert Moon Sands

Overview

The "Desert Moon Sands" palette captures the serene and stark beauty of a desert under moonlight, offering a sophisticated range of muted, cool neutral tones. This collection features a very light, almost off-white #E0D7CC, a soft light gray #BFAFAF, a versatile mid-gray #8C8C8C, and progressively darker grays #6B6B6B and #4A4A4A. It's a minimalist's dream, providing a clean, elegant foundation for any design. This palette is perfect for conveying modern sophistication, calm, and understated luxury, making it highly adaptable for various applications requiring a refined, monochromatic feel.

Best used for

  • Minimalist website and app design
  • Luxury brand identity and packaging
  • Architectural visualization and portfolios
  • Modern art galleries or exhibitions
  • High-tech product interfaces
  • Serene wellness or meditation platforms

Suggested color roles

primary

Use #8C8C8C as a versatile mid-tone for main content areas or dominant graphical elements, providing balance.

secondary

Employ #BFAFAF for softer support, such as secondary backgrounds, subtle borders, or delicate design accents.

accent

Reserve #4A4A4A for strong contrasts, important text, or interactive elements that need to stand out with authority.

background

Utilize #E0D7CC as the primary background color, offering a clean, expansive canvas that enhances the cooler grays.

text

For excellent readability on light backgrounds, use #6B6B6B or #4A4A4A. For darker elements, a crisp white is ideal.

Accessibility notes

  • #4A4A4A and #6B6B6B provide good contrast against #E0D7CC for body text, ensuring legibility.
  • Avoid using #BFAFAF or #8C8C8C for small text on #E0D7CC due to potential low contrast, especially for critical information.
  • Ensure interactive elements, such as buttons or links, use colors with sufficient contrast like #4A4A4A on #E0D7CC.
  • For large headings, #8C8C8C on #E0D7CC can work, but always verify contrast ratios to meet accessibility guidelines.

Recommended combinations

Moonlight Glow

Creates a soft, ethereal feel, perfect for header sections or background elements that need to convey calm.

#E0D7CC · #BFAFAF · #8C8C8C

Lunar Shadows

A strong, modern combination, excellent for call-to-action blocks or sections requiring high visual impact.

#6B6B6B · #4A4A4A · #E0D7CC

Stark Beauty

Offers a sophisticated and balanced aesthetic, suitable for showcasing product details or minimalist layouts.

#8C8C8C · #BFAFAF · #4A4A4A

CSS variables

:root {
  --desert-moon-sands-1: #E0D7CC;
  --desert-moon-sands-2: #BFAFAF;
  --desert-moon-sands-3: #8C8C8C;
  --desert-moon-sands-4: #6B6B6B;
  --desert-moon-sands-5: #4A4A4A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-moon-sands": {
        1: "#E0D7CC",
        2: "#BFAFAF",
        3: "#8C8C8C",
        4: "#6B6B6B",
        5: "#4A4A4A",
      }
    }
  }
}

Related searches

minimalist gray color palettecool neutral design colorsdesert inspired neutral tonesmodern gray color schemeserene gray palette

Palette colors

Hex values

Color 1#E0D7CC
·
Color 2#BFAFAF
·
Color 3#8C8C8C
·
Color 4#6B6B6B
·
Color 5#4A4A4A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.7:1AA18
6.2:1AA
2
1.5:1Fail
1.6:1Fail
2.5:1Fail
4.2:1AA18
3
2.4:1Fail
1.6:1Fail
1.6:1Fail
2.6:1Fail
4
3.7:1AA18
2.5:1Fail
1.6:1Fail
1.7:1Fail
5
6.2:1AA
4.2:1AA18
2.6:1Fail
1.7:1Fail

Similar palettes

More like Desert Moon Sands

View all neutral
Desert Sands Dune
Lunar Rock Shadow
Sandy Dune Horizon
Adobe Sunstone Hues
Blueprint Architectural Cool
Concrete Jungle