Palette

Desert Dune Mirage

Subtle, shifting sands and ethereal hazy skies, conjuring the deceptive beauty of a desert mirage.

warmcalm5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CD853F#F4A460#FFDAB9#FFE4C4#F5DEB3

Palette guide

How to use Desert Dune Mirage

Overview

The Desert Dune Mirage palette features subtle, shifting sands and ethereal hazy skies, conjuring the deceptive beauty of a desert mirage. This serene collection is built around the inviting #CD853F and the lighter #F4A460, complemented by the airy #FFDAB9 and the almost-ethereal #FFE4C4. The inclusion of the grounding #F5DEB3 adds a balancing, sun-kissed element, keeping the palette light and understated. Designers and developers can utilize these colors to evoke a sense of tranquility, softness, and natural elegance. It's an excellent choice for projects requiring a calm, comforting, and visually gentle aesthetic that promotes relaxation and airy lightness.

Best used for

Minimalist website designs
Wellness and spa branding
Soft feminine product design
Photography website backgrounds
Wedding invitations and stationery
Subtle UI elements for calm apps

Suggested color roles

primary

#CD853F - A warm, inviting mid-tone beige-orange, excellent for main content areas or dominant graphic elements, offering a soft, natural base.

secondary

#F4A460 - A lighter, warm peach, providing a versatile presence for navigation, footers, or important textual content.

accent

#FFDAB9 - A delicate, warm off-white, perfect for subtle highlights, interactive states, or decorative flourishes that add a touch of warmth.

background

#FFE4C4 - A very light, creamy beige, serving as a clean, spacious backdrop that enhances readability and the soft, airy feel.

text

#7A3F00 (dark brown) - A dark, rich brown for body text, ensuring high readability against lighter backgrounds, or use #CD853F for softer headings.

Accessibility notes

Ensure sufficient contrast between dark text (e.g., dark brown) and light backgrounds like #FFE4C4 and #FFDAB9.
Lighter tones like #FFDAB9 and #FFE4C4 should not be used for text against each other due to low contrast.
For critical information, pair a dark text color with the lightest backgrounds for optimal legibility.
The overall lightness of the palette means careful contrast checking is needed for all text elements.

Recommended combinations

Mirage Haze

Soft contrast for headings and clean backgrounds, evoking hazy desert light.

#CD853F · #FFE4C4 · #F4A460

Shifting Sands

A gentle, warm blend for layered UI elements or subtle branding accents, reflecting shifting dunes.

#F4A460 · #FFDAB9 · #FFE4C4

Dune Whisper

A versatile trio for extensive layouts, providing depth and natural calm across sections.

#CD853F · #F5DEB3 · #FFE4C4

CSS variables

:root {
  --desert-dune-mirage-1: #CD853F;
  --desert-dune-mirage-2: #F4A460;
  --desert-dune-mirage-3: #FFDAB9;
  --desert-dune-mirage-4: #FFE4C4;
  --desert-dune-mirage-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-dune-mirage": {
        1: "#CD853F",
        2: "#F4A460",
        3: "#FFDAB9",
        4: "#FFE4C4",
        5: "#F5DEB3",
      }
    }
  }
}

Hex values

Color 1#CD853F

Color 2#F4A460

Color 3#FFDAB9

Color 4#FFE4C4

Color 5#F5DEB3

Accessibility

Contrast checker

1.5:1Fail

2.3:1Fail

2.4:1Fail

2.3:1Fail

1.5:1Fail

1.7:1Fail

1.5:1Fail

2.3:1Fail

1.5:1Fail

1.1:1Fail

1:1Fail

2.4:1Fail

1.7:1Fail

1.1:1Fail

2.3:1Fail

1.5:1Fail

1:1Fail

1.1:1Fail

Similar palettes

More like Desert Dune Mirage

Desert Dune Mirage

See it in context.

Ready when you are.

Built with Desert Dune Mirage.

How to use Desert Dune Mirage

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Mirage Haze

Shifting Sands

Dune Whisper

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Desert Dune Mirage