Back to palettes

Palette

Sunbaked Clay Earth

Earthen tones inspired by sunbaked clay pots and ancient desert architecture, evoking warmth and simplicity.

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

#8C473E#B4624F#D28C6E#EBC8AF#FAEBD7

Palette guide

How to use Sunbaked Clay Earth

Overview

The Sunbaked Clay Earth palette offers a grounding collection of warm, natural tones, perfect for designs seeking an organic and inviting feel. This palette, ranging from the deep terracotta of #8C473E to the creamy off-white of #FAEBD7, is inspired by ancient desert landscapes and artisanal pottery. Designers can leverage its inherent warmth for creating cozy, rustic, or bohemian aesthetics, while developers will appreciate its cohesive harmony for robust UI systems. Key colors like the warm clay #B4624F and soft peach clay #D28C6E provide excellent mid-tones, ensuring versatility across various applications from branding to web interfaces, evoking comfort and authenticity.

Best used for

  • Brand identity for organic products or artisan crafts
  • Interior design mood boards for rustic or bohemian spaces
  • Web and app interfaces seeking a warm, natural aesthetic
  • Packaging design for natural cosmetics or gourmet foods
  • Print media like invitations, brochures, or editorial layouts
  • Digital illustrations and art with an earthy, subdued feel

Suggested color roles

primary

Use #8C473E as a strong, grounding primary for headings, important buttons, or large design blocks to convey stability and warmth.

secondary

Employ #B4624F for supportive elements, subheadings, or background sections where a rich, inviting tone is desired without overpowering.

accent

Apply #D28C6E as a softer accent for interactive elements, subtle highlights, or illustrative details to add warmth and approachability.

background

Utilize #FAEBD7 or #EBC8AF for clean, warm backgrounds that provide a gentle canvas, ensuring content remains the focus without feeling stark.

text

For optimal readability on light backgrounds like #FAEBD7, use a dark brown such as #8C473E, a very dark charcoal, or true black for body text and critical information.

Accessibility notes

  • Ensure sufficient contrast between #8C473E or #B4624F and #FAEBD7 for all text to meet WCAG AA standards.
  • Avoid using #D28C6E or #EBC8AF for small body text on light backgrounds like #FAEBD7 due to potential low contrast.
  • Check contrast for interactive elements (buttons, links) to ensure they are clearly discernible, especially when using lighter tones.
  • Consider providing larger font sizes or bolding for text set in lighter palette colors on mid-tone backgrounds to enhance readability.

Recommended combinations

Desert Gradient

Ideal for soft background gradients, subtle section dividers, or layered illustrations evoking natural light.

#FAEBD7 · #EBC8AF · #D28C6E

Earthy Contrast

Excellent for UI elements: #8C473E for text, #B4624F for buttons, and #FAEBD7 for clean backgrounds, ensuring clear hierarchy.

#8C473E · #B4624F · #FAEBD7

Warm Layering

Perfect for creating depth in cards, panels, or photo overlays, providing a rich, multi-dimensional feel.

#EBC8AF · #D28C6E · #B4624F

CSS variables

:root {
  --sunbaked-clay-earth-3-1: #8C473E;
  --sunbaked-clay-earth-3-2: #B4624F;
  --sunbaked-clay-earth-3-3: #D28C6E;
  --sunbaked-clay-earth-3-4: #EBC8AF;
  --sunbaked-clay-earth-3-5: #FAEBD7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-clay-earth-3": {
        1: "#8C473E",
        2: "#B4624F",
        3: "#D28C6E",
        4: "#EBC8AF",
        5: "#FAEBD7",
      }
    }
  }
}

Related searches

terracotta color schemesearthy brand colorswarm clay palettedesert inspired designnatural organic colors

Palette colors

Hex values

Color 1#8C473E
·
Color 2#B4624F
·
Color 3#D28C6E
·
Color 4#EBC8AF
·
Color 5#FAEBD7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
4.3:1AA18
5.8:1AA
2
1.6:1Fail
1.6:1Fail
2.8:1Fail
3.7:1AA18
3
2.5:1Fail
1.6:1Fail
1.7:1Fail
2.3:1Fail
4
4.3:1AA18
2.8:1Fail
1.7:1Fail
1.3:1Fail
5
5.8:1AA
3.7:1AA18
2.3:1Fail
1.3:1Fail

Similar palettes

More like Sunbaked Clay Earth

View all earth
Sunbaked Terracotta Hue
Bohemian Desert Bloom
Canyon Wall Rust
Canyon Whisper Sands
Desert Bloom Clay
Desert Clay Warmth