Back to palettes

Palette

Desert Mesa Sunset

Rich, sun-drenched hues reflecting the eroded beauty of ancient desert mesas at sunset.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CD853F#D2B48C#B5651D#FFD700#A0522D

Palette guide

How to use Desert Mesa Sunset

Overview

The Desert Mesa Sunset palette captures the rich, sun-drenched hues of ancient desert mesas at dusk. Featuring the deep gold of #FFD700 and the warm orange-brown of #CD853F, it's balanced by the robust #B5651D and the grounding #A0522D. The light, airy #D2B48C provides a perfect backdrop, creating a sense of geological beauty and warmth. This palette is ideal for designers and developers seeking to infuse projects with the dramatic yet serene essence of a desert sunset, offering both vibrant accents and stable earthy foundations.

Best used for

  • Luxury travel and resort branding
  • High-end natural cosmetics or skincare packaging
  • Art and photography exhibitions or websites
  • Editorial design for lifestyle or adventure magazines
  • E-commerce sites for artisan crafts or jewelry
  • Digital interfaces requiring a warm, inviting, and sophisticated feel

Suggested color roles

primary

Use #B5651D for main headings, calls-to-action, or hero sections to convey warmth and depth.

secondary

Apply #A0522D for supporting text, navigation, or darker UI elements, providing a strong foundation.

accent

Highlight key features or interactive elements with #FFD700, adding a luxurious, radiant glow.

background

Employ #D2B48C as a light, expansive background, allowing the deeper tones and gold to shine.

text

Utilize #CD853F for body text on light backgrounds, offering excellent readability with a warm, inviting tone.

Accessibility notes

  • Ensure #CD853F text has sufficient contrast on #D2B48C background.
  • Avoid using #FFD700 text on #D2B48C directly, as contrast might be insufficient; use for highlights.
  • When using #A0522D or #B5651D as a background, ensure text is white or very light for optimal contrast.
  • Check that interactive elements with #FFD700 have clear focus states.

Recommended combinations

Golden Hour

Perfect for creating a radiant, optimistic feel in headers or introductory sections.

#FFD700 · #CD853F · #D2B48C

Mesa Shadow

Ideal for grounding elements, footers, or sections needing a stable, earthy presence.

#A0522D · #B5651D · #D2B48C

Sunset Glow

Excellent for vibrant calls-to-action or visual elements that need to stand out with warmth.

#CD853F · #B5651D · #FFD700

CSS variables

:root {
  --desert-mesa-sunset-2-1: #CD853F;
  --desert-mesa-sunset-2-2: #D2B48C;
  --desert-mesa-sunset-2-3: #B5651D;
  --desert-mesa-sunset-2-4: #FFD700;
  --desert-mesa-sunset-2-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-mesa-sunset-2": {
        1: "#CD853F",
        2: "#D2B48C",
        3: "#B5651D",
        4: "#FFD700",
        5: "#A0522D",
      }
    }
  }
}

Related searches

desert sunset color schemegolden earth toneswarm nature palettegeological color inspirationsandstone sunset colors

Palette colors

Hex values

Color 1#CD853F
·
Color 2#D2B48C
·
Color 3#B5651D
·
Color 4#FFD700
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.4:1Fail
2.1:1Fail
1.9:1Fail
2
1.5:1Fail
2.2:1Fail
1.4:1Fail
2.8:1Fail
3
1.4:1Fail
2.2:1Fail
3.1:1AA18
1.3:1Fail
4
2.1:1Fail
1.4:1Fail
3.1:1AA18
4:1AA18
5
1.9:1Fail
2.8:1Fail
1.3:1Fail
4:1AA18

Similar palettes

More like Desert Mesa Sunset

View all earth
Desert Sunstone Glow
Arid Sands Mirage
Desert Bloom Oasis
Desert Bloom Whisper
Desert Mirage Bloom
Desert Sandstone Glow