Back to palettes

Palette

Whispering Clay Path

Gently sun-baked earth tones that whisper tales of ancient paths and handmade pottery.

EarthNatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Clay Path 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 Whispering Clay Path.

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

Data visualization

#BC8A6E#D0A183#E4B89A#A57457#8C5F40

Palette guide

How to use Whispering Clay Path

Overview

The Whispering Clay Path palette embodies gently sun-baked earth tones, whispering tales of ancient paths and handmade pottery. This warm and inviting collection, ranging from the light #E4B89A to the deep #8C5F40, offers designers and developers a rich foundation for natural, rustic, and authentic designs. The prominent #BC8A6E provides a vibrant earthy anchor, while #D0A183 adds a softer, supportive warmth. These hues are perfect for projects aiming to convey heritage, craftsmanship, and a grounded connection to nature.

Best used for

  • Pottery studios and artisanal goods
  • Rustic home decor and furniture
  • Natural skincare and beauty brands
  • Travel agencies focusing on cultural experiences
  • Farm-to-table restaurant branding
  • Handmade jewelry and crafts

Suggested color roles

primary

#E4B89A serves as the lightest, sun-kissed base, ideal for expansive backgrounds or soft content areas.

secondary

#D0A183 provides supportive, mid-light warmth for secondary content blocks or subtle accents.

accent

#BC8A6E offers a richer, earthy emphasis for important calls to action or key visual elements.

background

#E4B89A creates a bright, inviting backdrop that highlights the palette's natural warmth.

text

#8C5F40 delivers a deep, grounding brown, ensuring excellent readability for body text and headings.

Accessibility notes

  • Use #8C5F40 for primary text on lighter backgrounds like #E4B89A to ensure strong contrast and readability.
  • Ensure sufficient contrast when using #A57457 for text against #D0A183 or #BC8A6E.
  • Avoid using #E4B89A for small text elements due to its light value and potential for low readability.
  • Consider using #BC8A6E for larger headings or sub-headers to provide clear visual hierarchy.

Recommended combinations

Sun-baked Earth

For a light, warm, and harmonious design, suitable for hero sections, main content areas, or brand storytelling.

#E4B89A · #D0A183 · #BC8A6E

Deep Clay

To create visual depth and a strong, grounded feel, ideal for footers, navigation, or illustrative elements.

#BC8A6E · #A57457 · #8C5F40

Rustic Harmony

For clear hierarchy and distinction, such as text on cards, feature highlights, or prominent calls to action.

#E4B89A · #A57457 · #8C5F40

CSS variables

:root {
  --whispering-clay-path-1: #BC8A6E;
  --whispering-clay-path-2: #D0A183;
  --whispering-clay-path-3: #E4B89A;
  --whispering-clay-path-4: #A57457;
  --whispering-clay-path-5: #8C5F40;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-clay-path": {
        1: "#BC8A6E",
        2: "#D0A183",
        3: "#E4B89A",
        4: "#A57457",
        5: "#8C5F40",
      }
    }
  }
}

Related searches

clay color paletteearthy brown orangerustic path colorsnatural warm tonespottery inspired design

Palette colors

Hex values

Color 1#BC8A6E
·
Color 2#D0A183
·
Color 3#E4B89A
·
Color 4#A57457
·
Color 5#8C5F40
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
1.3:1Fail
1.8:1Fail
2
1.3:1Fail
1.3:1Fail
1.7:1Fail
2.4:1Fail
3
1.7:1Fail
1.3:1Fail
2.2:1Fail
3:1AA18
4
1.3:1Fail
1.7:1Fail
2.2:1Fail
1.4:1Fail
5
1.8:1Fail
2.4:1Fail
3:1AA18
1.4:1Fail

Similar palettes

More like Whispering Clay Path

View all Earth
Bohemian Textile Blend
Terra Nova
Ancient Parchment Script
Ancient Pottery
Bohemian Earth Vessel
Botanical Earth Ground