Back to palettes

Palette

Sunbaked Clay Earth

Earthy tones evoking sun-drenched clay landscapes and ancient earthenware, warm and grounded.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunbaked Clay Earth 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 Sunbaked Clay Earth.

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

Data visualization

#D2691E#A52A2A#DEB887#8B4513#CC7A46

Palette guide

How to use Sunbaked Clay Earth

Overview

The Sunbaked Clay Earth palette offers a rich, grounded collection of warm, natural tones perfect for evoking a sense of rustic elegance and connection to nature. Featuring the vibrant terracotta of #D2691E, deep brick red of #A52A2A, and the soft, sandy hue of #DEB887, this palette is ideal for projects seeking an authentic, handcrafted feel. Complemented by the rich depth of #8B4513 (saddle brown) and the inviting warmth of #CC7A46, these colors beautifully capture the essence of sun-drenched landscapes and ancient earthenware. Designers can leverage this palette to create engaging, earthy visuals with a timeless appeal, ensuring a warm and inviting user experience.

Best used for

  • Eco-friendly product branding and packaging
  • Rustic interior design and home decor themes
  • Websites and apps for artisanal crafts or organic goods
  • Autumnal marketing campaigns and event branding
  • Cultural heritage projects or historical visualizations
  • Bohemian fashion and lifestyle content

Suggested color roles

primary

#D2691E (Terracotta) - Use for dominant elements, headers, or call-to-action buttons to convey warmth and energy.

secondary

#A52A2A (Brick Red) - Ideal for supporting design elements, subheadings, or borders, adding a touch of deep, earthy richness.

accent

#CC7A46 (Medium Orange-Brown) - Apply sparingly for highlights, interactive states, or small decorative details to add a gentle glow.

background

#DEB887 (Desert Sand) - A light, neutral base perfect for main content areas, providing a soft, natural canvas.

text

#8B4513 (Saddle Brown) - Best for body text and important labels, offering excellent readability against lighter backgrounds like #DEB887.

Accessibility notes

  • Ensure sufficient contrast between #8B4513 text and #DEB887 backgrounds for optimal readability.
  • Use #D2691E and #A52A2A with caution for small text against similar mid-tones; aim for high contrast.
  • For interactive elements, ensure hover/focus states provide clear visual feedback beyond just color changes.
  • Avoid placing #CC7A46 text directly on #D2691E backgrounds, as their proximity in value can hinder legibility.

Recommended combinations

Warm & Grounded

Ideal for a welcoming website background with clear, readable text and prominent calls to action.

#DEB887 · #8B4513 · #D2691E

Rustic Depth

Perfect for branding elements, evoking a sense of heritage or artisanal quality with rich contrasts.

#A52A2A · #DEB887 · #CC7A46

Desert Sunset

Excellent for header sections or hero images, capturing a vibrant, natural feel with warm gradients.

#D2691E · #CC7A46 · #DEB887

CSS variables

:root {
  --sunbaked-clay-earth-1: #D2691E;
  --sunbaked-clay-earth-2: #A52A2A;
  --sunbaked-clay-earth-3: #DEB887;
  --sunbaked-clay-earth-4: #8B4513;
  --sunbaked-clay-earth-5: #CC7A46;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-clay-earth": {
        1: "#D2691E",
        2: "#A52A2A",
        3: "#DEB887",
        4: "#8B4513",
        5: "#CC7A46",
      }
    }
  }
}

Related searches

earthy terracotta color paletterustic warm color schemenatural clay tones designdesert inspired brand colorsorganic brown orange palette

Palette colors

Hex values

Color 1#D2691E
·
Color 2#A52A2A
·
Color 3#DEB887
·
Color 4#8B4513
·
Color 5#CC7A46
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2:1Fail
2:1Fail
1.1:1Fail
2
1.9:1Fail
3.8:1AA18
1:1Fail
2.2:1Fail
3
2:1Fail
3.8:1AA18
3.8:1AA18
1.8:1Fail
4
2:1Fail
1:1Fail
3.8:1AA18
2.2:1Fail
5
1.1:1Fail
2.2:1Fail
1.8:1Fail
2.2:1Fail

Similar palettes

More like Sunbaked Clay Earth

View all earth
Canyon Wall Rust
Adobe Sunset
Adobe Sunset Glow
Ancient Clay Vessel
Bohemian Desert Bloom
Boho Clay Bloom