Back to palettes

Palette

Sunbaked Clay Earth

Warm and inviting tones of sun-baked earth and aged clay, embodying a natural essence.

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

#D18D68#E6AE89#F7D8B9#B26E4A#A16244

Palette guide

How to use Sunbaked Clay Earth

Overview

The "Sunbaked Clay Earth" palette evokes the warmth and rustic charm of natural landscapes, perfect for creating inviting and grounded designs. Featuring rich, earthy tones like the inviting #D18D68 (a warm clay red), the lighter, sun-kissed #E6AE89, and the deep, anchoring #A16244, this collection offers a cohesive and organic feel. Designers can leverage the soft #F7D8B9 as a gentle backdrop, while #B26E4A provides a robust mid-tone. This palette is ideal for projects aiming to convey authenticity, comfort, and a connection to nature, offering a sophisticated alternative to more vibrant schemes. Its inherent warmth makes it versatile for both digital and physical applications, from web interfaces to interior decor.

Best used for

  • Rustic brand identity and logos
  • Interior design mood boards for homes and cafes
  • E-commerce sites selling artisanal goods or natural products
  • Packaging for organic or handmade items
  • Websites and apps with a focus on wellness or sustainability
  • Editorial design for travel or lifestyle magazines

Suggested color roles

primary

#D18D68 - An inviting, warm clay tone, ideal for prominent headings, call-to-action buttons, or main brand elements that need to feel approachable and grounded.

secondary

#E6AE89 - A lighter, sun-kissed terracotta, excellent for subheadings, secondary buttons, or large background sections where a softer, complementary warmth is desired.

accent

#A16244 - A deep, rich burnt umber that provides strong contrast and depth. Use sparingly for important icons, key highlights, or bold design accents.

background

#F7D8B9 - A soft, creamy desert sand. This light, neutral tone is perfect for main page backgrounds, cards, or large content blocks, ensuring readability and a gentle aesthetic.

text

A dark, grounding color like a charcoal grey or deep brown (e.g., #333333 or #A16244) offers excellent readability against #F7D8B9, while #D18D68 can be used for headings on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast between #F7D8B9 background and text, aiming for at least AA compliance with dark text like #A16244 or black.
  • When using #D18D68 or #E6AE89 for text, check contrast against lighter backgrounds like #F7D8B9; consider using them only for larger headings.
  • The darker tones, #B26E4A and #A16244, offer good contrast against #F7D8B9 for body text, making them suitable for readability.
  • Avoid placing #D18D68 directly on #E6AE89 for small text or interactive elements due to potential low contrast, especially for users with visual impairments.

Recommended combinations

Earthy Base

Ideal for a website's main content area, with #F7D8B9 as background, #A16244 for body text, and #D18D68 for headings/buttons.

#F7D8B9 · #A16244 · #D18D68

Warm Accent

Effective for a feature panel or call-out box, using #E6AE89 as the background with #B26E4A for titles and #A16244 for key details.

#E6AE89 · #B26E4A · #A16244

Rustic Depth

Great for branding elements or hero sections, with #D18D68 as a dominant color, #F7D8B9 for light accents, and #A16244 for strong textual contrast.

#D18D68 · #F7D8B9 · #A16244

CSS variables

:root {
  --sunbaked-clay-earth-2-1: #D18D68;
  --sunbaked-clay-earth-2-2: #E6AE89;
  --sunbaked-clay-earth-2-3: #F7D8B9;
  --sunbaked-clay-earth-2-4: #B26E4A;
  --sunbaked-clay-earth-2-5: #A16244;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-clay-earth-2": {
        1: "#D18D68",
        2: "#E6AE89",
        3: "#F7D8B9",
        4: "#B26E4A",
        5: "#A16244",
      }
    }
  }
}

Related searches

warm earth tone color paletteterracotta color schemesrustic clay colorsdesert inspired palettenatural organic brand colors

Palette colors

Hex values

Color 1#D18D68
·
Color 2#E6AE89
·
Color 3#F7D8B9
·
Color 4#B26E4A
·
Color 5#A16244
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2:1Fail
1.5:1Fail
1.8:1Fail
2
1.4:1Fail
1.4:1Fail
2.1:1Fail
2.5:1Fail
3
2:1Fail
1.4:1Fail
3:1Fail
3.6:1AA18
4
1.5:1Fail
2.1:1Fail
3:1Fail
1.2:1Fail
5
1.8:1Fail
2.5:1Fail
3.6:1AA18
1.2:1Fail

Similar palettes

More like Sunbaked Clay Earth

View all earth
Adobe Sunset Glow
Canyon Wall Rust
Clay Earth Hearth
Desert Pot Shards
Mediterranean Terra cotta
Spice Route Caravan