Back to palettes

Palette

Moonlit Desert Sands

The serene, hushed beauty of desert dunes under the soft glow of a moonlit night.

Coolcalm5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0C4DE#DCDCDC#C9BC9F#36454F#F8F8F8

Palette guide

How to use Moonlit Desert Sands

Overview

The Moonlit Desert Sands (2) palette captures the serene, hushed beauty of desert dunes under a soft lunar glow. This collection blends cool, muted tones like #B0C4DE (light steel blue) and #DCDCDC (gainsboro) with a subtle, warm sandy accent of #C9BC9F (muted gold). Grounded by the deep, sophisticated #36454F (charcoal), and brightened by the clean #F8F8F8 (white smoke), it creates a sophisticated yet tranquil atmosphere. Designers and developers can use this palette to evoke calm, natural elegance, and a sense of modern simplicity across various design projects, from digital interfaces to physical branding.

Best used for

  • Modern interior design concepts
  • Art portfolios and gallery websites
  • Minimalist branding for lifestyle products
  • Tranquil web experiences and landing pages
  • Editorial design for travel or nature magazines
  • Luxury home goods packaging

Suggested color roles

primary

Utilize #36454F as a strong, grounding anchor for main text, navigation, or deep background elements, providing sophistication.

secondary

Employ #B0C4DE for larger content blocks, headers, or as a soft, cool accent, adding a gentle blue-grey touch.

accent

Introduce #C9BC9F for subtle highlights, decorative elements, or interactive components to add a hint of warm, moonlit sand.

background

The clean and bright #F8F8F8 serves as an ideal primary background, creating an expansive and fresh canvas.

text

For light backgrounds like #F8F8F8, #36454F or a dark charcoal ensures optimal readability. For dark backgrounds, a clean white or near-white is recommended.

Accessibility notes

  • The contrast between #36454F and #F8F8F8 is excellent, suitable for all text sizes.
  • Ensure #B0C4DE on #F8F8F8 meets WCAG AA standards for body text; consider increasing font size or boldness.
  • Avoid using #DCDCDC or #C9BC9F for small text on #F8F8F8 due to insufficient contrast.
  • For interactive elements, ensure clear focus states that are distinct from both normal and hover states.

Recommended combinations

Deep Horizon

Ideal for impactful hero sections, balancing deep tones with airy backgrounds.

#36454F · #F8F8F8 · #B0C4DE

Sandy Glow

Perfect for secondary content or subtle decorative elements, evoking a soft desert shimmer.

#DCDCDC · #C9BC9F · #F8F8F8

Serene Dunes

Excellent for creating layered, tranquil compositions with a hint of natural warmth.

#36454F · #B0C4DE · #C9BC9F

CSS variables

:root {
  --moonlit-desert-sands-2-1: #B0C4DE;
  --moonlit-desert-sands-2-2: #DCDCDC;
  --moonlit-desert-sands-2-3: #C9BC9F;
  --moonlit-desert-sands-2-4: #36454F;
  --moonlit-desert-sands-2-5: #F8F8F8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moonlit-desert-sands-2": {
        1: "#B0C4DE",
        2: "#DCDCDC",
        3: "#C9BC9F",
        4: "#36454F",
        5: "#F8F8F8",
      }
    }
  }
}

Related searches

moonlit desert palettecool sandy colorsserene night dunesminimalist earth tonestranquil lunar scheme

Palette colors

Hex values

Color 1#B0C4DE
·
Color 2#DCDCDC
·
Color 3#C9BC9F
·
Color 4#36454F
·
Color 5#F8F8F8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.1:1Fail
5.6:1AA
1.7:1Fail
2
1.3:1Fail
1.4:1Fail
7.2:1AAA
1.3:1Fail
3
1.1:1Fail
1.4:1Fail
5.3:1AA
1.8:1Fail
4
5.6:1AA
7.2:1AAA
5.3:1AA
9.3:1AAA
5
1.7:1Fail
1.3:1Fail
1.8:1Fail
9.3:1AAA

Similar palettes

More like Moonlit Desert Sands

View all Cool