Palette

Painted Desert Dusk

Witness the breathtaking transformation of the desert sky as day turns to a dramatically painted dusk.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#AF4F4F#CB6D51#E58D6E#FFB08A#FFD2AB

Palette guide

How to use Painted Desert Dusk

Overview

The Painted Desert Dusk palette captures the breathtaking transformation of a desert sky at twilight, offering a rich spectrum of warm, earthy tones. From the deep, anchoring red of #AF4F4F to the soft, glowing peach of #FFD2AB, this scheme is evocative and dramatic. The vibrant #CB6D51 and the inviting #E58D6E create a sense of natural warmth and depth. Designers and developers can utilize these colors to infuse projects with a rustic elegance, an adventurous spirit, or a cozy, inviting atmosphere, perfect for themes inspired by nature's raw beauty and changing light.

Best used for

Travel and adventure brands
Natural and organic product packaging
Rustic or bohemian interior design
Autumn-themed marketing campaigns
Photography portfolios (landscape focus)
Cultural event promotions

Suggested color roles

primary

Use #AF4F4F as a strong, grounding primary color for headers, important sections, or brand logos.

secondary

Employ #CB6D51 for supporting content areas, subheadings, or illustrations, adding warmth and richness.

accent

Highlight calls to action or key features with #FFB08A, providing a bright, inviting pop of color.

background

Utilize #FFD2AB as a light, warm background color to create an inviting and open feel.

text

Pair with a deep brown or dark charcoal, such as #4A2C2C, for optimal readability and a natural aesthetic.

Accessibility notes

Ensure sufficient contrast for text on lighter shades like #FFB08A and #FFD2AB; use dark text.
The warm tones, while appealing, can have low contrast against each other; use varying shades for hierarchy.
White text will be highly legible on darker colors such as #AF4F4F and #CB6D51.
Consider using texture or patterns to differentiate elements when color contrast is minimal.

Recommended combinations

Desert Horizon

Excellent for brand identity, web banners, or gradients that mimic a sunset over the desert.

#AF4F4F · #CB6D51 · #FFD2AB

Sunset Glow

Perfect for UI elements, illustrations, or sections that require a soft, luminous quality.

#E58D6E · #FFB08A · #FFD2AB

Earthy Depth

Suitable for strong visual blocks, headers, or backgrounds that demand a rich, layered appearance.

#AF4F4F · #CB6D51 · #E58D6E

CSS variables

:root {
  --painted-desert-dusk-1: #AF4F4F;
  --painted-desert-dusk-2: #CB6D51;
  --painted-desert-dusk-3: #E58D6E;
  --painted-desert-dusk-4: #FFB08A;
  --painted-desert-dusk-5: #FFD2AB;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "painted-desert-dusk": {
        1: "#AF4F4F",
        2: "#CB6D51",
        3: "#E58D6E",
        4: "#FFB08A",
        5: "#FFD2AB",
      }
    }
  }
}

Hex values

Color 1#AF4F4F

Color 2#CB6D51

Color 3#E58D6E

Color 4#FFB08A

Color 5#FFD2AB

Accessibility

Contrast checker

1.4:1Fail

2.1:1Fail

2.9:1Fail

3.7:1AA18

1.4:1Fail

2:1Fail

2.6:1Fail

2.1:1Fail

1.4:1Fail

1.8:1Fail

2.9:1Fail

2:1Fail

1.4:1Fail

1.3:1Fail

3.7:1AA18

2.6:1Fail

1.8:1Fail

1.3:1Fail

Similar palettes

More like Painted Desert Dusk

Painted Desert Dusk

See it in context.

Ready when you are.

Built with Painted Desert Dusk.

How to use Painted Desert Dusk

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Desert Horizon

Sunset Glow

Earthy Depth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Painted Desert Dusk