Palette

Desert Mirage Echo

Sun-baked, earthy reds and pinks reflecting the fading light and vastness of a desert.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E6B0AA#D8807F#AA4F4F#7E2829#C89694

Palette guide

How to use Desert Mirage Echo

Overview

The Desert Mirage Echo palette reflects sun-baked, earthy reds and pinks, capturing the fading light and vastness of a desert. This warm collection features a soft, dusty rose #E6B0AA, a deeper #D8807F, and a rich terracotta #AA4F4F. The deep, grounding #7E2829 provides strong contrast, while the muted #C89694 offers a gentle, sandy base. It's a versatile choice for designers and developers seeking to evoke warmth, natural beauty, and a touch of arid elegance, perfect for branding, fashion, or interior design projects.

Best used for

Feminine branding with a natural or bohemian aesthetic
Fashion and apparel collections inspired by earthy tones
Interior design for warm, inviting, and rustic spaces
Product packaging for natural cosmetics or artisanal goods
Websites or blogs focused on lifestyle, art, or travel
Digital interfaces that require a soft, warm, and engaging feel

Suggested color roles

primary

Use #AA4F4F for main brand elements, headers, or prominent sections to convey warmth and grounded elegance.

secondary

Apply #D8807F for supporting content, subheadings, or as a gentle background for visual elements.

accent

Highlight key information or interactive elements with #E6B0AA, providing a soft, delicate touch.

background

Employ #C89694 as a clean, expansive background, enhancing readability and maintaining a soft, airy feel.

text

Utilize #7E2829 for body text and important labels, ensuring excellent readability and a sophisticated presence.

Accessibility notes

Ensure #7E2829 text has sufficient contrast on #C89694 or #E6B0AA backgrounds.
Avoid using #E6B0AA text on #C89694 directly, as contrast will be too low.
When using #AA4F4F or #D8807F as a background, ensure text is white or a very light cream for readability.
Red and pink tones can be challenging for contrast; verify all combinations meet WCAG guidelines.

Recommended combinations

Dusty Rose

Ideal for creating soft, romantic gradients or subtle background textures.

#E6B0AA · #D8807F · #C89694

Terracotta Depth

Perfect for grounding elements, footers, or sections needing strong, earthy contrast.

#AA4F4F · #7E2829 · #C89694

Fading Light

Excellent for balancing warmth and depth in headers or prominent visual elements.

#D8807F · #AA4F4F · #E6B0AA

CSS variables

:root {
  --desert-mirage-echo-1: #E6B0AA;
  --desert-mirage-echo-2: #D8807F;
  --desert-mirage-echo-3: #AA4F4F;
  --desert-mirage-echo-4: #7E2829;
  --desert-mirage-echo-5: #C89694;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-mirage-echo": {
        1: "#E6B0AA",
        2: "#D8807F",
        3: "#AA4F4F",
        4: "#7E2829",
        5: "#C89694",
      }
    }
  }
}

Hex values

Color 1#E6B0AA

Color 2#D8807F

Color 3#AA4F4F

Color 4#7E2829

Color 5#C89694

Accessibility

Contrast checker

1.5:1Fail

2.8:1Fail

5:1AA

1.4:1Fail

1.5:1Fail

1.9:1Fail

3.3:1AA18

1.1:1Fail

2.8:1Fail

1.9:1Fail

1.8:1Fail

2.1:1Fail

5:1AA

3.3:1AA18

1.8:1Fail

3.7:1AA18

1.4:1Fail

1.1:1Fail

2.1:1Fail

3.7:1AA18

Similar palettes

More like Desert Mirage Echo