Palette

Earthen Vessel Warmth

Warm, comforting tones inspired by handmade earthenware pottery and sun-baked clay.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Earthen Vessel Warmth 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 Earthen Vessel Warmth.

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

Data visualization

#CD853F#D2B48C#B08C78#8B4513#A0522D

Palette guide

How to use Earthen Vessel Warmth

Overview

The Earthen Vessel Warmth palette offers a comforting array of earthy browns and oranges, inspired by handmade earthenware pottery and sun-baked clay. From the inviting #CD853F (Peru) to the grounding #8B4513 (Saddle Brown) and the rich #A0522D (Sienna), this collection provides deep warmth and natural authenticity. Designers can utilize the soft #D2B48C (Tan) as a gentle background, creating designs that feel cozy, organic, and deeply rooted in natural craftsmanship. This palette is ideal for projects seeking a rustic yet refined aesthetic across various digital and print mediums.

Best used for

Pottery workshop and studio branding
Rustic home decor and furniture websites
Natural skincare and organic product brands
Artisanal food and gourmet packaging
Cozy cafe and coffee shop interiors
Nature-inspired web design and blogs

Suggested color roles

primary

#8B4513 (Saddle Brown) serves as a strong, deep base for primary branding, headings, and impactful elements.

secondary

#A0522D (Sienna) offers a rich, warm tone for subheadings, important content blocks, and supporting UI elements.

accent

#CD853F (Peru) provides a vibrant, inviting mid-tone for calls to action, interactive elements, or key highlights.

background

#D2B48C (Tan) creates a soft, neutral backdrop that provides warmth, allows content to breathe, and ensures readability.

text

Use #8B4513 or a very dark brown/charcoal on #D2B48C for optimal readability across all content.

Accessibility notes

Both #8B4513 and #A0522D provide good contrast on #D2B48C, making them suitable for body text.
Be cautious with #CD853F for small text on #D2B48C due to potential low contrast; prefer for larger headings or accents.
Ensure sufficient contrast for interactive elements, especially against similar warm backgrounds, to maintain usability.
Consider using a consistent dark text color for all body copy to ensure legibility throughout the design.

Recommended combinations

Vessel Core

Create deep, rich, and inviting main elements, ideal for prominent branding or content blocks.

#8B4513 · #A0522D · #CD853F

Soft Clay

Apply gentle, layered appearances for backgrounds, secondary content, or subtle graphic elements.

#D2B48C · #B08C78 · #CD853F

Earthy Balance

Use a vibrant accent, strong primary, and soft background to create a balanced and warm design.

#CD853F · #8B4513 · #D2B48C

CSS variables

:root {
  --earthen-vessel-warmth-1: #CD853F;
  --earthen-vessel-warmth-2: #D2B48C;
  --earthen-vessel-warmth-3: #B08C78;
  --earthen-vessel-warmth-4: #8B4513;
  --earthen-vessel-warmth-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthen-vessel-warmth": {
        1: "#CD853F",
        2: "#D2B48C",
        3: "#B08C78",
        4: "#8B4513",
        5: "#A0522D",
      }
    }
  }
}

Hex values

Color 1#CD853F

Color 2#D2B48C

Color 3#B08C78

Color 4#8B4513

Color 5#A0522D

Accessibility

Contrast checker

1.5:1Fail

1:1Fail

2.4:1Fail

1.9:1Fail

1.5:1Fail

1.6:1Fail

3.6:1AA18

2.8:1Fail

1:1Fail

1.6:1Fail

2.3:1Fail

1.8:1Fail

2.4:1Fail

3.6:1AA18

2.3:1Fail

1.3:1Fail

1.9:1Fail

2.8:1Fail

1.8:1Fail

1.3:1Fail

Similar palettes

More like Earthen Vessel Warmth

View all earth

Earthen Potters Wheel

Ancient Clay Pottery

Artisan Pottery Studio

Artisan Pottery Wheel

Earthen Clay Pots

Earthen Pot Shard