Back to palettes

Palette

Desert Sunset Mirage

A captivating display of warm, fading hues, like the shifting, illusory colors seen during a desert twilight.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CD5C5C#E9967A#F4A460#FFD700#B8860B

Palette guide

How to use Desert Sunset Mirage

Overview

The Desert Sunset Mirage palette presents a captivating display of warm, fading hues, like the shifting, illusory colors seen during a desert twilight. From the warm red of #CD5C5C to the brilliant gold of #FFD700, it includes soft peach #E9967A, vivid orange #F4A460, and a deeper gold #B8860B. This palette is an excellent choice for designers and developers aiming to evoke a sense of dreamy wonder, artistic expression, or vibrant warmth. Its dynamic blend of reds, oranges, and yellows makes it perfect for creating eye-catching, imaginative, and memorable designs in both digital and print media, reflecting the magical allure of a desert sunset.

Best used for

  • Artistic photography and illustration
  • Dreamy bohemian fashion brands
  • Vibrant event branding and decor
  • Travel blogs focusing on sunsets
  • Engaging web banners and ads
  • Creative and imaginative digital interfaces

Suggested color roles

primary

Utilize #CD5C5C for foundational elements like main headings, hero sections, or brand logos, providing a warm, inviting anchor.

secondary

Employ #E9967A for supporting roles such as subheadings, secondary buttons, or background panels, offering a soft, peachy contrast.

accent

Introduce #FFD700 as a brilliant golden accent for calls to action, highlights, or key interactive elements, adding a radiant spark.

background

Apply #F4A460 for background sections that require warmth and vibrancy, ensuring text has high contrast.

text

For optimal readability, use #B8860B or a rich brown/charcoal against lighter backgrounds like #F4A460 or #FFD700.

Accessibility notes

  • Ensure very high contrast for text on #FFD700 and #F4A460; dark text is almost always required.
  • Avoid placing light-colored text on mid-tone oranges or reds (#E9967A, #CD5C5C) to prevent severe readability issues.
  • Verify that interactive elements have sufficient contrast against their backgrounds, particularly for users with low vision.
  • Use a contrast checker to confirm WCAG AA compliance for all text and interactive elements within this vibrant palette.

Recommended combinations

Mirage Contrast

Excellent for a bold primary color with a brilliant golden accent and a deep grounding secondary, ideal for impactful branding.

#CD5C5C · #FFD700 · #B8860B

Dreamy Layers

Perfect for creating gradients or layered backgrounds that evoke a soft, dreamy sunset effect.

#E9967A · #F4A460 · #CD5C5C

Golden Twilight

Use a vibrant background with a deep primary text color and a soft secondary for clarity and visual interest in headers.

#F4A460 · #B8860B · #E9967A

CSS variables

:root {
  --desert-sunset-mirage-2-1: #CD5C5C;
  --desert-sunset-mirage-2-2: #E9967A;
  --desert-sunset-mirage-2-3: #F4A460;
  --desert-sunset-mirage-2-4: #FFD700;
  --desert-sunset-mirage-2-5: #B8860B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-sunset-mirage-2": {
        1: "#CD5C5C",
        2: "#E9967A",
        3: "#F4A460",
        4: "#FFD700",
        5: "#B8860B",
      }
    }
  }
}

Related searches

desert mirage colorssunset red orangedreamy warm palettegolden desert twilightvibrant bohemian hues

Palette colors

Hex values

Color 1#CD5C5C
·
Color 2#E9967A
·
Color 3#F4A460
·
Color 4#FFD700
·
Color 5#B8860B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2:1Fail
2.8:1Fail
1.2:1Fail
2
1.7:1Fail
1.1:1Fail
1.6:1Fail
1.4:1Fail
3
2:1Fail
1.1:1Fail
1.4:1Fail
1.6:1Fail
4
2.8:1Fail
1.6:1Fail
1.4:1Fail
2.3:1Fail
5
1.2:1Fail
1.4:1Fail
1.6:1Fail
2.3:1Fail

Similar palettes

More like Desert Sunset Mirage

View all warm
Canyon Ridge Ember
Desert Mesa Ember
Desert Sunstone Glow
Sunset Desert Sands
Canyon Dawn Blush
Canyon Dusk Ember