Back to palettes

Palette

Desert Clay Hues

Warm, sun-baked tones reminiscent of adobe homes and terracotta pottery, embodying the rustic spirit of the desert.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D2691E#E9C8A1#CD853F#A55D3D#F1DDAF

Palette guide

How to use Desert Clay Hues

Overview

The Desert Clay Hues palette offers warm, sun-baked tones reminiscent of adobe homes and terracotta pottery, embodying the rustic spirit of the desert. This natural collection features the vibrant #D2691E and the rich #CD853F, complemented by the airy #E9C8A1 and the lightest #F1DDAF. A grounding presence is found in the deeper #A55D3D, ensuring a balanced and authentic aesthetic. Designers and developers can utilize these colors to evoke a sense of warmth, heritage, and organic charm. It's an excellent choice for projects requiring a rustic, inviting, and genuinely earthy visual experience.

Best used for

  • Handcrafted artisan products
  • Southwestern architecture themes
  • Natural beauty and wellness brands
  • Bohemian home decor websites
  • Earthy lifestyle blogs
  • Traditional craft workshops

Suggested color roles

primary

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

secondary

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

accent

#CD853F - A rich, warm orange-brown, perfect for subtle highlights, interactive states, or decorative flourishes that add visual interest.

background

#F1DDAF - A very light, creamy beige, serving as a clean, spacious backdrop that enhances readability and the natural feel.

text

#A55D3D - 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 #A55D3D text and #F1DDAF backgrounds for WCAG AA compliance.
  • Avoid using #D2691E or #CD853F for small text on similar background shades, as contrast may be insufficient.
  • For critical information, pair the darkest color #A55D3D with the lightest background #F1DDAF.
  • Consider using pure black or a very dark charcoal for body text on very light backgrounds for optimal legibility.

Recommended combinations

Adobe Contrast

High-contrast pairing for headlines and clean backgrounds, evoking traditional desert architecture.

#A55D3D · #F1DDAF · #D2691E

Terracotta Warmth

A vibrant, warm blend for layered UI elements or subtle branding accents, reflecting sun-baked clay.

#D2691E · #CD853F · #E9C8A1

Earthen Blend

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

#A55D3D · #E9C8A1 · #F1DDAF

CSS variables

:root {
  --desert-clay-hues-1: #D2691E;
  --desert-clay-hues-2: #E9C8A1;
  --desert-clay-hues-3: #CD853F;
  --desert-clay-hues-4: #A55D3D;
  --desert-clay-hues-5: #F1DDAF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-clay-hues": {
        1: "#D2691E",
        2: "#E9C8A1",
        3: "#CD853F",
        4: "#A55D3D",
        5: "#F1DDAF",
      }
    }
  }
}

Related searches

rustic desert clay paletteadobe color schemewarm terracotta huessouthwest earth tonesnatural orange brown palette

Palette colors

Hex values

Color 1#D2691E
·
Color 2#E9C8A1
·
Color 3#CD853F
·
Color 4#A55D3D
·
Color 5#F1DDAF
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
1.2:1Fail
1.4:1Fail
2.7:1Fail
2
2.3:1Fail
1.9:1Fail
3.1:1AA18
1.2:1Fail
3
1.2:1Fail
1.9:1Fail
1.7:1Fail
2.2:1Fail
4
1.4:1Fail
3.1:1AA18
1.7:1Fail
3.7:1AA18
5
2.7:1Fail
1.2:1Fail
2.2:1Fail
3.7:1AA18

Similar palettes

More like Desert Clay Hues

View all earth
Clay Canyon Artifacts
Artisan Clay Texture
Artisan Clay Vessel
Bohemian Earth Vessel
Desert Clay Bloom
Desert Clay Hills