Back to palettes

Palette

Desert Mirage Echo

Evokes the dry, sun-baked landscape of a desert, shimmering with illusory colors.

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

#8D5A3D#CC9966#E0B48A#F5D3A6#4C3C34

Palette guide

How to use Desert Mirage Echo

Overview

The Desert Mirage Echo palette evokes the dry, sun-baked landscape of a desert, shimmering with illusory colors. This cohesive collection features a range of warm browns and tans, including the rich #8D5A3D, the inviting #CC9966, and the soft #E0B48A. The very light, sandy #F5D3A6 provides an expansive backdrop, while the deep #4C3C34 grounds the palette with a touch of ancient depth. It's an excellent choice for designers and developers seeking to convey natural warmth, historical richness, and a serene, sun-kissed aesthetic in their projects.

Best used for

  • Branding for natural or organic food products
  • Websites and apps with a rustic or vintage aesthetic
  • Interior design inspired by adobe or natural materials
  • Packaging for artisanal goods or handcrafted items
  • Educational content about ancient civilizations or history
  • Photography portfolios focused on landscapes or still life

Suggested color roles

primary

Use #CC9966 for main headings, calls-to-action, or prominent sections to convey warmth and tradition.

secondary

Apply #8D5A3D for supporting content, navigation, or darker UI elements, adding depth and stability.

accent

Highlight key information or interactive elements with #E0B48A, providing a soft, inviting accent.

background

Employ #F5D3A6 as a clean, expansive background, enhancing readability and maintaining an airy feel.

text

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

Accessibility notes

  • Ensure #4C3C34 text has sufficient contrast on #F5D3A6 or #E0B48A backgrounds.
  • Avoid using #E0B48A text on #F5D3A6 directly, as contrast will be too low.
  • When using #8D5A3D or #CC9966 as a background, ensure text is white or a very light cream for readability.
  • Check that all interactive elements maintain adequate contrast for various states.

Recommended combinations

Sun-kissed Dunes

Ideal for creating soft, inviting gradients or background textures.

#CC9966 · #E0B48A · #F5D3A6

Ancient Earth

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

#8D5A3D · #4C3C34 · #F5D3A6

Echoed Warmth

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

#CC9966 · #8D5A3D · #E0B48A

CSS variables

:root {
  --desert-mirage-echo-2-1: #8D5A3D;
  --desert-mirage-echo-2-2: #CC9966;
  --desert-mirage-echo-2-3: #E0B48A;
  --desert-mirage-echo-2-4: #F5D3A6;
  --desert-mirage-echo-2-5: #4C3C34;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-mirage-echo-2": {
        1: "#8D5A3D",
        2: "#CC9966",
        3: "#E0B48A",
        4: "#F5D3A6",
        5: "#4C3C34",
      }
    }
  }
}

Related searches

sunbaked earth tonesadobe color schemenatural rustic palettewarm brown beigedesert sand color inspiration

Palette colors

Hex values

Color 1#8D5A3D
·
Color 2#CC9966
·
Color 3#E0B48A
·
Color 4#F5D3A6
·
Color 5#4C3C34
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
3:1AA18
4:1AA18
1.8:1Fail
2
2.3:1Fail
1.3:1Fail
1.8:1Fail
4.2:1AA18
3
3:1AA18
1.3:1Fail
1.3:1Fail
5.5:1AA
4
4:1AA18
1.8:1Fail
1.3:1Fail
7.4:1AAA
5
1.8:1Fail
4.2:1AA18
5.5:1AA
7.4:1AAA

Similar palettes

More like Desert Mirage Echo

View all warm
Ancient Egypt Sunset
Desert Bloom
Desert Bloom Clay
Desert Clay Sunset
Desert Dusk Mirage
Desert Mesa Sunset