Palette

Desert Sunset Glow

Captures the vivid, warm spectrum of a desert sunset, painting the adobe walls in golden light.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D96A3D#F18A4F#FEC77F#FAEEC3#8C4B3E

Palette guide

How to use Desert Sunset Glow

Overview

The Desert Sunset Glow palette beautifully captures the vivid, warm spectrum of a desert sunset, painting adobe walls in golden light. Ranging from the deep #8C4B3E to the bright #FAEEC3, it features rich oranges like #D96A3D and #F18A4F, with a radiant golden yellow in #FEC77F. This palette is an excellent choice for designers and developers aiming to evoke a sense of natural warmth, Southwestern charm, or a cozy, inviting atmosphere. Its harmonious blend of earthy browns, oranges, and yellows creates a sophisticated yet welcoming aesthetic, perfect for designs that require both vibrancy and a connection to rustic beauty.

Best used for

Southwestern art and decor
Boutique hotel branding
Craft brewery packaging
Travel agency marketing for arid regions
Cozy home decor websites
Vibrant natural product branding

Suggested color roles

primary

Utilize #8C4B3E for foundational elements like main navigation, footers, or bold headlines, establishing a deep, grounding anchor.

secondary

Employ #D96A3D for supporting roles such as subheadings, secondary buttons, or background sections, offering a rich, warm orange.

accent

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

background

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

text

For optimal readability, use #8C4B3E or a deep charcoal against lighter backgrounds such as #FAEEC3 or #FEC77F.

Accessibility notes

Ensure sufficient contrast for text on #FAEEC3 and #FEC77F; dark text is always recommended.
Verify that #F18A4F provides enough contrast if used for critical UI elements against adjacent lighter colors.
Avoid placing light-colored text on mid-tone oranges like #D96A3D 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

Adobe Warmth

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

#8C4B3E · #FAEEC3 · #D96A3D

Sunset Layers

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

#F18A4F · #FEC77F · #8C4B3E

Golden Highlight

Use the lightest color as a background with a golden highlight and a warm orange for accents, ensuring clarity and glow.

#FAEEC3 · #FEC77F · #D96A3D

CSS variables

:root {
  --desert-sunset-glow-1: #D96A3D;
  --desert-sunset-glow-2: #F18A4F;
  --desert-sunset-glow-3: #FEC77F;
  --desert-sunset-glow-4: #FAEEC3;
  --desert-sunset-glow-5: #8C4B3E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-sunset-glow": {
        1: "#D96A3D",
        2: "#F18A4F",
        3: "#FEC77F",
        4: "#FAEEC3",
        5: "#8C4B3E",
      }
    }
  }
}

Hex values

Color 1#D96A3D

Color 2#F18A4F

Color 3#FEC77F

Color 4#FAEEC3

Color 5#8C4B3E

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

3:1Fail

1.9:1Fail

1.4:1Fail

1.6:1Fail

2.1:1Fail

2.7:1Fail

2.3:1Fail

1.6:1Fail

1.3:1Fail

4.3:1AA18

3:1Fail

2.1:1Fail

1.3:1Fail

5.7:1AA

1.9:1Fail

2.7:1Fail

4.3:1AA18

5.7:1AA

Similar palettes

More like Desert Sunset Glow