Back to palettes

Palette

Ancestral Clay Vessel

Inspired by the rich, varied textures and warm tones of handmade earthen pottery.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancestral Clay Vessel 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 Ancestral Clay Vessel.

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

Data visualization

#964F30#C26F4A#E7A47F#FDD9BF#6F3A22

Palette guide

How to use Ancestral Clay Vessel

Overview

The Ancestral Clay Vessel palette is inspired by the rich, varied textures and warm tones of handmade earthen pottery. Featuring grounding hues like `#6F3A22` and `#964F30`, complemented by the earthy `#C26F4A` and the softer `#E7A47F`, this palette offers designers and developers a natural and inviting range. The lightest shade, `#FDD9BF`, provides a delicate contrast, allowing for depth and visual interest across various applications. This palette’s warmth and organic feel make it excellent for projects aiming to convey authenticity, craftsmanship, or a rustic charm.

Best used for

  • Artisanal craft e-commerce websites
  • Organic food and beverage branding
  • Rustic home decor design
  • Cultural heritage websites or exhibits
  • Sustainable fashion branding
  • Natural beauty product packaging

Suggested color roles

primary

Use `#964F30` as a dominant color for impactful branding, headlines, or primary calls to action to convey warmth and authenticity.

secondary

Apply `#C26F4A` for supporting sections, subheadings, or larger UI components to maintain an earthy, inviting feel.

accent

Utilize `#FDD9BF` for highlights, interactive states, or delicate graphic elements to add a soft, luminous touch.

background

The lightest shade, `#FDD9BF`, provides a clean, airy canvas. `#E7A47F` can be used for slightly richer, yet still light, sections.

text

For text on lighter backgrounds, a deep shade like `#6F3A22` or black ensures readability. For text on dark backgrounds, use white or `#FDD9BF`.

Accessibility notes

  • Ensure `#6F3A22` provides strong contrast against `#FDD9BF` for body text to maintain readability.
  • Test contrast ratios for `#964F30` and `#C26F4A` when used for text against various background colors within the palette.
  • Avoid using `#FDD9BF` for small text against similarly light backgrounds to prevent legibility issues.
  • Consider using bold text or larger font sizes when applying mid-tone browns like `#E7A47F` for content.

Recommended combinations

Earthen Depths

Ideal for creating a grounded, rich visual impact in headers, footers, or brand logos.

#6F3A22 · #964F30 · #C26F4A

Sun-baked Glow

Excellent for accents, interactive elements, or sections needing a brighter, more inviting shimmer.

#FDD9BF · #E7A47F · #C26F4A

Clay Blend

Suited for gradients, data visualization, or illustrations that require a smooth transition of earthy hues.

#964F30 · #FDD9BF · #6F3A22

CSS variables

:root {
  --ancestral-clay-vessel-1: #964F30;
  --ancestral-clay-vessel-2: #C26F4A;
  --ancestral-clay-vessel-3: #E7A47F;
  --ancestral-clay-vessel-4: #FDD9BF;
  --ancestral-clay-vessel-5: #6F3A22;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancestral-clay-vessel": {
        1: "#964F30",
        2: "#C26F4A",
        3: "#E7A47F",
        4: "#FDD9BF",
        5: "#6F3A22",
      }
    }
  }
}

Related searches

earth tone color paletterustic design colorswarm natural huespottery inspired brandingcraft aesthetic UI

Palette colors

Hex values

Color 1#964F30
·
Color 2#C26F4A
·
Color 3#E7A47F
·
Color 4#FDD9BF
·
Color 5#6F3A22
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.9:1Fail
4.6:1AA
1.5:1Fail
2
1.6:1Fail
1.8:1Fail
2.8:1Fail
2.5:1Fail
3
2.9:1Fail
1.8:1Fail
1.6:1Fail
4.3:1AA18
4
4.6:1AA
2.8:1Fail
1.6:1Fail
6.9:1AA
5
1.5:1Fail
2.5:1Fail
4.3:1AA18
6.9:1AA

Similar palettes

More like Ancestral Clay Vessel

View all earth
Ancient Clay Relic
Ancient Clay Pottery
Ancient Desert Tapestry
Ancient Pottery Shard
Ancient Stone Path
Archaeological Dig Earth