Back to palettes

Palette

Warm Clay Vessel

A comforting palette inspired by artisan pottery and the gentle warmth of a hearth-fired clay vessel.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#BA7F69#D19B86#E8B7A3#F5D4C3#FFF0E9

Palette guide

How to use Warm Clay Vessel

Overview

The "Warm Clay Vessel" palette offers a comforting and sophisticated range of earthy tones, perfect for creating inviting digital and physical spaces. Rooted in terracotta and natural ceramics, this collection transitions from the deep, grounding warmth of #BA7F69 to the gentle, airy lightness of #FFF0E9. Designers can leverage this palette to evoke a sense of calm, authenticity, and handcrafted elegance. The mid-tones like #D19B86 and #E8B7A3 provide excellent versatility for UI elements, branding, and decorative accents, ensuring a cohesive and harmonious visual experience. It's an ideal choice for projects seeking a naturally warm, organic, and approachable aesthetic.

Best used for

  • Artisan product branding (pottery, crafts)
  • Wellness and spa websites or interiors
  • Cozy home decor e-commerce platforms
  • Sustainable fashion brand identity
  • Natural food packaging design
  • Content creation for lifestyle blogs

Suggested color roles

primary

#BA7F69 - Ideal for impactful brand logos, main headings, or hero sections where a strong, grounding presence is desired.

secondary

#D19B86 - Excellent for subheadings, key call-to-action buttons, or larger graphic elements that need a softer warmth than the primary.

accent

#E8B7A3 - Use this inviting hue for interactive elements, highlights, or subtle decorative touches that draw attention without overwhelming.

background

#FFF0E9 - Provides a clean, airy, and warm base for content, ensuring readability and a gentle overall feel.

text

#BA7F69 or a dark charcoal like #333333 - For body text on lighter backgrounds like #FFF0E9, ensuring strong readability and maintaining the palette's warmth.

Accessibility notes

  • Ensure sufficient contrast when using #BA7F69 or #D19B86 for text on #FFF0E9 backgrounds.
  • Avoid placing #F5D4C3 text directly on #FFF0E9 backgrounds; contrast will likely be too low.
  • Use #FFF0E9 for larger background areas to prevent visual fatigue, especially on screens.
  • Test all text/background color pairs with WCAG contrast checkers to meet AA or AAA standards.

Recommended combinations

Earthy Foundation

Perfect for a strong brand identity; #BA7F69 as primary, #D19B86 for secondary elements, and #FFF0E9 as a clean background.

#BA7F69 · #D19B86 · #FFF0E9

Gentle Warmth

Creates a softer, more inviting feel, suitable for wellness apps or natural product interfaces, using a gradient or layered approach.

#D19B86 · #E8B7A3 · #F5D4C3

Subtle Contrast

Utilizes #E8B7A3 and #F5D4C3 for lighter sections, with #BA7F69 providing a grounding pop for important calls to action or key information.

#E8B7A3 · #F5D4C3 · #BA7F69

CSS variables

:root {
  --warm-clay-vessel-1: #BA7F69;
  --warm-clay-vessel-2: #D19B86;
  --warm-clay-vessel-3: #E8B7A3;
  --warm-clay-vessel-4: #F5D4C3;
  --warm-clay-vessel-5: #FFF0E9;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "warm-clay-vessel": {
        1: "#BA7F69",
        2: "#D19B86",
        3: "#E8B7A3",
        4: "#F5D4C3",
        5: "#FFF0E9",
      }
    }
  }
}

Related searches

terracotta color schemewarm earthy tones palettecozy clay colorsnatural ceramic color codesrustic neutral color palette

Palette colors

Hex values

Color 1#BA7F69
·
Color 2#D19B86
·
Color 3#E8B7A3
·
Color 4#F5D4C3
·
Color 5#FFF0E9
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.4:1Fail
3:1Fail
2
1.4:1Fail
1.3:1Fail
1.7:1Fail
2.2:1Fail
3
1.9:1Fail
1.3:1Fail
1.3:1Fail
1.6:1Fail
4
2.4:1Fail
1.7:1Fail
1.3:1Fail
1.3:1Fail
5
3:1Fail
2.2:1Fail
1.6:1Fail
1.3:1Fail

Similar palettes

More like Warm Clay Vessel

View all neutral
Coffee Bean Roast
Cozy Espresso Nook
Espresso Roast Dream
Fireside Retreat Charm
Mocha Morning Brew
Spiced Chai Cloud