Back to palettes

Palette

Arid Moon Blossom

Reflecting the subtle, moonlit hues of the desert, where delicate blossoms emerge in the cool night.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Arid Moon Blossom 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 Arid Moon Blossom.

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

Data visualization

#ECE7CF#CFC4AC#9F9177#71634A#473B28

Palette guide

How to use Arid Moon Blossom

Overview

The Arid Moon Blossom palette reflects the subtle, moonlit hues of the desert, where delicate blossoms emerge in the cool night. This collection features a sophisticated range of muted, earthy tones, from the luminous near-white #ECE7CF to the deep, grounding brown #473B28. Mid-tones like #CFC4AC, #9F9177, and #71634A offer a harmonious progression, creating a sense of serene elegance and quiet luxury. Designers and developers can utilize these hues to craft minimalist, refined, and calming experiences. The palette is perfect for projects seeking an understated yet profound aesthetic, evoking tranquility and natural sophistication under the moonlight.

Best used for

  • High-end minimalist design and branding
  • Serene wellness and lifestyle brands
  • Luxury packaging and product design
  • Editorial layouts and art publications
  • Sophisticated web themes and digital interfaces
  • Meditation and mindfulness apps

Suggested color roles

primary

Utilize #9F9177 as the primary color for a muted, elegant core in headers, main graphics, or key brand elements.

secondary

Employ #71634A for deeper, grounding tones in supporting elements, subheadings, or to add sophisticated depth.

accent

Apply #ECE7CF as a soft, luminous highlight for delicate details, decorative patterns, or background textures.

background

Use #CFC4AC for a subtle, calming background that provides an excellent foundation for darker text and refined visuals.

text

For body text, #473B28 offers a deep, grounding contrast and excellent readability on lighter backgrounds, or use a dark charcoal.

Accessibility notes

  • The very light #ECE7CF requires dark text like #473B28 for optimal readability; avoid light text on this background.
  • Ensure #CFC4AC and #9F9177 have good text contrast with darker shades for readability.
  • Avoid using #ECE7CF for small text or critical information due to its light value.
  • Always verify WCAG AA compliance for all text and UI elements, especially for contrast ratios.

Recommended combinations

Moonlit Serenity

Ideal for clean interfaces, elegant branding, or creating a serene and sophisticated visual narrative.

#ECE7CF · #CFC4AC · #9F9177

Deep Desert Night

Excellent for sophisticated dark mode themes, grounding elements, or conveying a sense of profound depth.

#473B28 · #71634A · #9F9177

Muted Bloom

Perfect for subtle headers, decorative accents, or designs that require a gentle, harmonious aesthetic with understated contrast.

#CFC4AC · #ECE7CF · #71634A

CSS variables

:root {
  --arid-moon-blossom-1: #ECE7CF;
  --arid-moon-blossom-2: #CFC4AC;
  --arid-moon-blossom-3: #9F9177;
  --arid-moon-blossom-4: #71634A;
  --arid-moon-blossom-5: #473B28;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "arid-moon-blossom": {
        1: "#ECE7CF",
        2: "#CFC4AC",
        3: "#9F9177",
        4: "#71634A",
        5: "#473B28",
      }
    }
  }
}

Related searches

minimalist desert palettemuted earth tonessophisticated neutralsmoonlit color schemeelegant natural colors

Palette colors

Hex values

Color 1#ECE7CF
·
Color 2#CFC4AC
·
Color 3#9F9177
·
Color 4#71634A
·
Color 5#473B28
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.5:1Fail
4.7:1AA
8.8:1AAA
2
1.4:1Fail
1.8:1Fail
3.4:1AA18
6.3:1AA
3
2.5:1Fail
1.8:1Fail
1.9:1Fail
3.5:1AA18
4
4.7:1AA
3.4:1AA18
1.9:1Fail
1.9:1Fail
5
8.8:1AAA
6.3:1AA
3.5:1AA18
1.9:1Fail

Similar palettes

More like Arid Moon Blossom

View all earth
Ancient Sandstone Scroll
Arid Bloom Whispers
Arid Succulent Bloom
Cactus Flower
Cactus Garden Earth
Canyon Bloom Whisper