Back to palettes

Palette

Desert Clay Horizon

Evokes the sunbaked tones of arid landscapes, from warm terra cotta to pale, dusty sand.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B05D3B#D48E66#F8C39F#FEEFD7#E07D5D

Palette guide

How to use Desert Clay Horizon

Overview

The Desert Clay Horizon palette evokes the sunbaked tones of arid landscapes, from warm terra cotta to pale, dusty sand. This vibrant collection features the strong #B05D3B and the versatile #D48E66, complemented by the airy #F8C39F and the almost-ethereal #FEEFD7. A striking presence is found in the energetic #E07D5D, ensuring a dynamic yet harmonious aesthetic. Designers and developers can utilize these colors to evoke a sense of warmth, natural beauty, and expansive landscapes. It's an excellent choice for projects requiring a vibrant, authentic, and visually engaging aesthetic.

Best used for

  • Southwestern brand identity
  • Adventure travel websites
  • Earthy product packaging
  • Interior design for rustic homes
  • Art and craft promotions
  • Nature-focused editorial layouts

Suggested color roles

primary

#B05D3B - A strong, warm terracotta, excellent for main content areas, bold headings, or dominant graphic elements.

secondary

#D48E66 - A lighter, inviting orange-brown, providing a versatile presence for navigation, footers, or important textual content.

accent

#E07D5D - A vibrant, energetic reddish-orange, perfect for calls to action, interactive states, or decorative flourishes that demand attention.

background

#FEEFD7 - A very light, near-white dusty beige, serving as a clean, spacious backdrop that enhances readability and the natural feel.

text

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

Accessibility notes

  • Ensure sufficient contrast between #B05D3B text and #FEEFD7 backgrounds for WCAG AA compliance.
  • Avoid using #D48E66 or #E07D5D for small text on similar background shades, as contrast may be insufficient.
  • For critical information, pair the darkest color #B05D3B with the lightest background #FEEFD7.
  • Consider using pure black or a very dark charcoal for body text on very light backgrounds for optimal legibility.

Recommended combinations

Terra Horizon

High-contrast pairing for headlines and clean backgrounds, evoking a clear desert vista.

#B05D3B · #FEEFD7 · #D48E66

Sunbaked Sands

A soft, warm blend for layered UI elements or subtle branding accents, reflecting gentle light.

#D48E66 · #F8C39F · #FEEFD7

Vibrant Clay

A dynamic trio for impactful branding, offering a rich spectrum of natural warmth and energy.

#B05D3B · #E07D5D · #F8C39F

CSS variables

:root {
  --desert-clay-horizon-1: #B05D3B;
  --desert-clay-horizon-2: #D48E66;
  --desert-clay-horizon-3: #F8C39F;
  --desert-clay-horizon-4: #FEEFD7;
  --desert-clay-horizon-5: #E07D5D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-clay-horizon": {
        1: "#B05D3B",
        2: "#D48E66",
        3: "#F8C39F",
        4: "#FEEFD7",
        5: "#E07D5D",
      }
    }
  }
}

Related searches

desert terracotta palettearid landscape colorswarm orange brown schemesouthwest clay tonesdusty desert color palette

Palette colors

Hex values

Color 1#B05D3B
·
Color 2#D48E66
·
Color 3#F8C39F
·
Color 4#FEEFD7
·
Color 5#E07D5D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3:1Fail
4.1:1AA18
1.6:1Fail
2
1.8:1Fail
1.7:1Fail
2.4:1Fail
1.1:1Fail
3
3:1Fail
1.7:1Fail
1.4:1Fail
1.8:1Fail
4
4.1:1AA18
2.4:1Fail
1.4:1Fail
2.6:1Fail
5
1.6:1Fail
1.1:1Fail
1.8:1Fail
2.6:1Fail

Similar palettes

More like Desert Clay Horizon

View all earth