Back to palettes

Palette

Desert Clay Sunset

Evokes the warm, deep hues of a desert landscape as the sun dips below the horizon, painting the clay vibrant shades.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D2691E#E6B89C#FBC25C#A0522D#6A5ACD

Palette guide

How to use Desert Clay Sunset

Overview

The Desert Clay Sunset palette evokes the warm, deep hues of a desert landscape as the sun dips below the horizon, painting the clay vibrant shades. This striking collection features the energetic #D2691E and the deep #A0522D, complemented by the radiant #FBC25C and the softer #E6B89C. A surprising, yet harmonious touch is found in the cool #6A5ACD, adding a unique dimension. Designers and developers can utilize these colors to evoke a sense of drama, natural beauty, and vibrant transitions. It's an excellent choice for projects requiring a dynamic, authentic, and visually captivating aesthetic.

Best used for

  • Dramatic website headers
  • Sunset photography showcases
  • Event branding for festivals
  • Southwestern art and decor
  • Dynamic digital illustrations
  • Outdoor adventure marketing

Suggested color roles

primary

#D2691E - A vibrant, burnt orange, excellent for primary calls to action, main headings, or dominant graphic elements, conveying energy and warmth.

secondary

#A0522D - A deep, earthy red-brown, providing a strong, grounding presence for navigation, footers, or important textual content.

accent

#FBC25C - A radiant golden yellow, perfect for subtle highlights, interactive states, or decorative flourishes that mimic the setting sun.

background

#E6B89C - A soft, warm peach-beige, serving as a clean, spacious backdrop that allows the richer tones to pop while maintaining an inviting feel.

text

#A0522D - A deep, robust brown, offering excellent readability for body text against lighter backgrounds, or use black for maximum contrast.

Accessibility notes

  • Ensure sufficient contrast between #A0522D text and #E6B89C backgrounds for WCAG AA compliance.
  • The #6A5ACD accent must be carefully contrasted with other colors, especially for text, due to its unique hue.
  • For critical information, pair the darkest color #A0522D with the lightest background #E6B89C.
  • Avoid using #D2691E or #FBC25C for small text on similar background shades, as contrast may be insufficient.

Recommended combinations

Sunset Glow

High-contrast pairing for headlines and key features, capturing the dramatic light of dusk.

#A0522D · #FBC25C · #D2691E

Clay Drama

A bold, unexpected contrast for striking visual accents or unique branding statements.

#D2691E · #6A5ACD · #E6B89C

Dusk Horizon

A versatile trio for extensive layouts, providing depth and natural warmth across sections.

#A0522D · #E6B89C · #FBC25C

CSS variables

:root {
  --desert-clay-sunset-1: #D2691E;
  --desert-clay-sunset-2: #E6B89C;
  --desert-clay-sunset-3: #FBC25C;
  --desert-clay-sunset-4: #A0522D;
  --desert-clay-sunset-5: #6A5ACD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-clay-sunset": {
        1: "#D2691E",
        2: "#E6B89C",
        3: "#FBC25C",
        4: "#A0522D",
        5: "#6A5ACD",
      }
    }
  }
}

Related searches

desert sunset colorsclay orange palettewarm earth blue schemesouthwest dramatic huesgolden hour desert palette

Palette colors

Hex values

Color 1#D2691E
·
Color 2#E6B89C
·
Color 3#FBC25C
·
Color 4#A0522D
·
Color 5#6A5ACD
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2.2:1Fail
1.5:1Fail
1.5:1Fail
2
2:1Fail
1.1:1Fail
3.1:1AA18
3:1Fail
3
2.2:1Fail
1.1:1Fail
3.5:1AA18
3.3:1AA18
4
1.5:1Fail
3.1:1AA18
3.5:1AA18
1.1:1Fail
5
1.5:1Fail
3:1Fail
3.3:1AA18
1.1:1Fail

Similar palettes

More like Desert Clay Sunset

View all warm
Desert Sunset Mirage
Arid Canyon Bloom
Bohemian Desert Sunset
Canyon Dusk Ember
Canyon Fire Sunset
Canyon Ridge Ember