Palette

Desert Sunset Mirage

A captivating blend of warm oranges and peaches, mirroring the breathtaking colors of a desert sunset.

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

#C75D30#E38A4B#FCA960#FFCC85#FFE0B3

Palette guide

How to use Desert Sunset Mirage

Overview

The Desert Sunset Mirage palette offers a captivating blend of warm oranges and peaches, mirroring the breathtaking colors of a desert sunset. Ranging from the deep #C75D30 to the very light #FFE0B3, it features vibrant oranges like #E38A4B and #FCA960, with a soft peach in #FFCC85. This palette is an excellent choice for designers and developers aiming to evoke a sense of natural warmth, vibrant energy, or a serene yet lively atmosphere. Its harmonious progression of sun-kissed hues makes it perfect for creating inviting, cheerful, and memorable designs in both digital and print media, reflecting the captivating allure of a desert evening.

Best used for

Tropical and summer event branding
Food packaging (especially fruit/spices)
Travel agencies for sunny destinations
Cheerful digital interfaces and apps
Vibrant lifestyle blogs
Warm and inviting marketing materials

Suggested color roles

primary

Utilize #C75D30 for foundational elements like main headings, hero sections, or brand logos, establishing a rich, warm anchor.

secondary

Employ #E38A4B for supporting roles such as subheadings, secondary buttons, or background sections, offering a vibrant orange.

accent

Introduce #FFCC85 as a soft, glowing peach accent for calls to action, highlights, or key interactive elements, adding gentle warmth.

background

Apply #FFE0B3 to main content areas or large backgrounds, creating a light, warm, and highly readable canvas.

text

For optimal readability, use #C75D30 or a deep brown/charcoal against lighter backgrounds such as #FFE0B3 or #FFCC85.

Accessibility notes

Ensure sufficient contrast for text on #FFE0B3 and #FFCC85; dark text is always recommended.
Verify that #FCA960 provides enough contrast if used for critical UI elements against adjacent lighter colors.
Avoid placing light-colored text on mid-tone oranges like #E38A4B to prevent readability issues.
Use a contrast checker to confirm WCAG AA compliance for all text and interactive elements within this warm palette.

Recommended combinations

Sunset Horizon

Perfect for a strong primary color on a very light background with a vibrant secondary, excellent for branding and web layouts.

#C75D30 · #FFE0B3 · #E38A4B

Peach Glow

Ideal for creating delicate layered backgrounds or subtle graphic elements, evoking a soft, radiant sunset effect.

#FCA960 · #FFCC85 · #C75D30

Warm Mirage

Use the lightest color as a background with the darkest as text, and a mid-tone for accents, ensuring clarity and warmth.

#FFE0B3 · #C75D30 · #E38A4B

CSS variables

:root {
  --desert-sunset-mirage-1: #C75D30;
  --desert-sunset-mirage-2: #E38A4B;
  --desert-sunset-mirage-3: #FCA960;
  --desert-sunset-mirage-4: #FFCC85;
  --desert-sunset-mirage-5: #FFE0B3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-sunset-mirage": {
        1: "#C75D30",
        2: "#E38A4B",
        3: "#FCA960",
        4: "#FFCC85",
        5: "#FFE0B3",
      }
    }
  }
}

Hex values

Color 1#C75D30

Color 2#E38A4B

Color 3#FCA960

Color 4#FFCC85

Color 5#FFE0B3

Accessibility

Contrast checker

1.6:1Fail

2.2:1Fail

2.8:1Fail

3.3:1AA18

1.6:1Fail

1.4:1Fail

1.8:1Fail

2.1:1Fail

2.2:1Fail

1.4:1Fail

1.3:1Fail

1.5:1Fail

2.8:1Fail

1.8:1Fail

1.3:1Fail

1.2:1Fail

3.3:1AA18

2.1:1Fail

1.5:1Fail

1.2:1Fail

Similar palettes

More like Desert Sunset Mirage

View all warm

Desert Clay Sunset

Arid Canyon Bloom

Bohemian Desert Sunset

Canyon Dusk Ember

Canyon Fire Sunset

Canyon Ridge Ember