Back to palettes

Palette

Desert Mirage Dusk

The enigmatic transition of desert light, with colors shifting from sun-baked ochre to cool twilight purples.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A0522D#CD853F#8B4513#483D8B#6A5ACD

Palette guide

How to use Desert Mirage Dusk

Overview

The Desert Mirage Dusk palette captures the enigmatic transition of desert light, with colors shifting from sun-baked ochre to cool twilight purples. This unique collection features the warm #A0522D and #CD853F, contrasting beautifully with the mysterious depth of #483D8B and the ethereal #6A5ACD. The grounding #8B4513 provides a stable base. Designers and developers can leverage this palette to create projects that evoke mystery, sophistication, and the magical transformation of a desert evening, perfect for creative branding or evocative digital experiences.

Best used for

  • Creative branding with a mystical or magical theme
  • Event design for evening or twilight gatherings
  • Digital art and illustration with fantastical elements
  • UI/UX for unique gaming or entertainment apps
  • Fashion or jewelry lines with an enigmatic aesthetic
  • Website design for spiritual or wellness retreats

Suggested color roles

primary

Use #A0522D for main brand elements, headers, or prominent sections to convey warmth and depth.

secondary

Apply #CD853F for supporting content or interactive elements, offering a lighter, inviting warmth.

accent

Highlight key information or calls-to-action with #6A5ACD, adding a touch of mystical twilight.

background

Employ #8B4513 as a deep, grounding background, creating a sense of dusk and allowing lighter colors to pop.

text

Utilize a light color like off-white or a very pale grey for body text on dark backgrounds like #8B4513 or #483D8B.

Accessibility notes

  • Ensure light text (e.g., white or #CD853F) has sufficient contrast on dark backgrounds like #8B4513 and #483D8B.
  • Avoid using #A0522D or #CD853F text on #6A5ACD unless contrast is verified for readability.
  • The purples #483D8B and #6A5ACD should be tested for contrast with both light and dark text.
  • Provide clear focus states for interactive elements, especially if using similar tones.

Recommended combinations

Twilight Warmth

Ideal for showcasing the transition from warm day to cool evening in visual storytelling.

#A0522D · #CD853F · #6A5ACD

Deep Mirage

Perfect for creating depth and mystery, suitable for backgrounds or dramatic sections.

#8B4513 · #483D8B · #CD853F

Mystic Glow

Excellent for captivating accents and highlighting elements with a unique, enchanting contrast.

#A0522D · #6A5ACD · #483D8B

CSS variables

:root {
  --desert-mirage-dusk-1: #A0522D;
  --desert-mirage-dusk-2: #CD853F;
  --desert-mirage-dusk-3: #8B4513;
  --desert-mirage-dusk-4: #483D8B;
  --desert-mirage-dusk-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-mirage-dusk": {
        1: "#A0522D",
        2: "#CD853F",
        3: "#8B4513",
        4: "#483D8B",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

desert twilight palettemystical desert colorswarm and cool color schemepurple brown palettedusk landscape colors

Palette colors

Hex values

Color 1#A0522D
·
Color 2#CD853F
·
Color 3#8B4513
·
Color 4#483D8B
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.3:1Fail
1.6:1Fail
1.1:1Fail
2
1.9:1Fail
2.4:1Fail
3:1AA18
1.8:1Fail
3
1.3:1Fail
2.4:1Fail
1.3:1Fail
1.3:1Fail
4
1.6:1Fail
3:1AA18
1.3:1Fail
1.7:1Fail
5
1.1:1Fail
1.8:1Fail
1.3:1Fail
1.7:1Fail

Similar palettes

More like Desert Mirage Dusk

View all earth