Back to palettes

Palette

Desert Mirage Bloom

Evokes the quiet resilience of desert flowers under a vast, sun-drenched sky.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Mirage Bloom 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 Mirage Bloom.

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

Data visualization

#C4A79D#E7D7C1#96BAA0#D1BEB0#7F5539

Palette guide

How to use Desert Mirage Bloom

Overview

The Desert Mirage Bloom palette captures the quiet resilience of desert flowers under a vast, sun-drenched sky. This serene collection features soft, earthy tones like the rosy beige of #C4A79D, the light cream of #E7D7C1, and the subtle warmth of #D1BEB0. A unique, muted sage green, #96BAA0, adds a touch of life, while the deep brown #7F5539 grounds the palette. It's a versatile choice for designers and developers seeking to evoke natural beauty, understated elegance, and a calming, organic atmosphere in their projects.

Best used for

  • Wellness and spa branding or websites
  • Eco-friendly product packaging and marketing
  • Interior design for tranquil living spaces
  • Minimalist web interfaces and mobile apps
  • Fashion lines with a natural or earthy aesthetic
  • Blogs or content focused on sustainability and nature

Suggested color roles

primary

Use #C4A79D for main elements, large text, or soft backgrounds to establish a gentle, natural feel.

secondary

Apply #D1BEB0 for supporting content, navigation, or subtle dividers, maintaining a cohesive warmth.

accent

Highlight key information or interactive elements with #96BAA0, providing a fresh, organic accent.

background

Employ #E7D7C1 as a clean, expansive background that enhances readability and maintains an airy feel.

text

Utilize #7F5539 for body text and important labels, ensuring excellent contrast and a grounding presence.

Accessibility notes

  • Ensure #7F5539 text has sufficient contrast on #E7D7C1 or #D1BEB0 backgrounds.
  • Carefully check contrast when placing #C4A79D or #D1BEB0 text on #E7D7C1.
  • When using #96BAA0 as a background, ensure text is white or a very dark brown for readability.
  • Muted palettes require extra attention to contrast for all interactive elements.

Recommended combinations

Mirage Dawn

Creates a soft, ethereal gradient, perfect for banners or subtle visual textures.

#C4A79D · #E7D7C1 · #D1BEB0

Bloom Contrast

Ideal for striking a balance between earthy depth and a fresh, natural accent.

#7F5539 · #96BAA0 · #E7D7C1

Subtle Earth

Excellent for grounding elements and maintaining a sophisticated, muted aesthetic.

#C4A79D · #D1BEB0 · #7F5539

CSS variables

:root {
  --desert-mirage-bloom-2-1: #C4A79D;
  --desert-mirage-bloom-2-2: #E7D7C1;
  --desert-mirage-bloom-2-3: #96BAA0;
  --desert-mirage-bloom-2-4: #D1BEB0;
  --desert-mirage-bloom-2-5: #7F5539;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-mirage-bloom-2": {
        1: "#C4A79D",
        2: "#E7D7C1",
        3: "#96BAA0",
        4: "#D1BEB0",
        5: "#7F5539",
      }
    }
  }
}

Related searches

desert flower color palettemuted earth tonesserene natural colorsrustic green paletteunderstated desert design

Palette colors

Hex values

Color 1#C4A79D
·
Color 2#E7D7C1
·
Color 3#96BAA0
·
Color 4#D1BEB0
·
Color 5#7F5539
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1:1Fail
1.3:1Fail
2.9:1Fail
2
1.6:1Fail
1.5:1Fail
1.3:1Fail
4.6:1AA
3
1:1Fail
1.5:1Fail
1.2:1Fail
3:1AA18
4
1.3:1Fail
1.3:1Fail
1.2:1Fail
3.6:1AA18
5
2.9:1Fail
4.6:1AA
3:1AA18
3.6:1AA18

Similar palettes

More like Desert Mirage Bloom

View all earth
Ancient Desert Sands
Arid Sands Mirage
Desert Bloom Whisper
Sahara Sandstone Sun
Whispering Desert Sands
Ancient Desert Sands