Palette

Ceramic Pot Earth

Earthy browns and soft beiges, mirroring the organic tones of hand-thrown pottery.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ceramic Pot 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 Ceramic Pot Earth.

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

Data visualization

#4A352F#6C4E42#8F6759#C4A596#EDE0D4

Palette guide

How to use Ceramic Pot Earth

Overview

The "Ceramic Pot Earth" palette features earthy browns and soft beiges, mirroring the organic tones of hand-thrown pottery. It grounds itself with the deep #4A352F, transitioning through the rich #6C4E42 and the warm #8F6759. The palette lightens significantly with the inviting #C4A596, culminating in the soft, almost creamy #EDE0D4. This collection is ideal for designers seeking to evoke a rustic, natural, or artisanal aesthetic. Developers can leverage these hues for websites focusing on artisan goods, sustainable products, or natural, earthy brands, ensuring a warm and authentic user experience that feels grounded and inviting.

Best used for

Handmade pottery e-commerce
Sustainable fashion branding
Rustic cafe or restaurant websites
Organic food packaging
Nature-inspired blogs
Craft market promotions

Suggested color roles

primary

#6C4E42 - A rich, medium brown, ideal for main headings, navigation, or strong brand elements, conveying warmth and authenticity.

secondary

#8F6759 - A warmer, lighter brown, excellent for subheadings, borders, or secondary content blocks, adding a softer touch.

accent

#EDE0D4 - A soft, creamy beige, perfect for subtle highlights, call-to-action buttons, or delicate decorative accents.

background

#EDE0D4 - A soft, creamy beige, serving as a clean, warm, and inviting canvas that enhances the natural feel.

text

#4A352F - A deep, dark brown, providing excellent contrast and readability for text on lighter backgrounds like #EDE0D4.

Accessibility notes

Ensure #4A352F text on #EDE0D4 background meets WCAG contrast standards for optimal readability.
Avoid using #C4A596 or #EDE0D4 for small text against similarly light backgrounds due to low contrast.
The darkest colors, #4A352F and #6C4E42, provide good contrast for white or very light text.
For body text, prefer #4A352F against the lightest colors for optimal readability.

Recommended combinations

Earthy Foundation

Creates a strong, grounded aesthetic with the darkest brown as a base and the lightest as a clear accent.

#4A352F · #6C4E42 · #EDE0D4

Pottery Texture

Ideal for layered designs, mimicking the varied tones of natural clay and glazed surfaces.

#8F6759 · #C4A596 · #6C4E42

Natural Warmth

Excellent for soft, inviting sections, with the warmer brown providing a gentle contrast.

#C4A596 · #EDE0D4 · #8F6759

CSS variables

:root {
  --ceramic-pot-earth-1: #4A352F;
  --ceramic-pot-earth-2: #6C4E42;
  --ceramic-pot-earth-3: #8F6759;
  --ceramic-pot-earth-4: #C4A596;
  --ceramic-pot-earth-5: #EDE0D4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ceramic-pot-earth": {
        1: "#4A352F",
        2: "#6C4E42",
        3: "#8F6759",
        4: "#C4A596",
        5: "#EDE0D4",
      }
    }
  }
}

Hex values

Color 1#4A352F

Color 2#6C4E42

Color 3#8F6759

Color 4#C4A596

Color 5#EDE0D4

Accessibility

Contrast checker

1.5:1Fail

2.3:1Fail

5:1AA

8.8:1AAA

1.5:1Fail

3.3:1AA18

5.8:1AA

2.3:1Fail

1.5:1Fail

2.2:1Fail

3.8:1AA18

5:1AA

3.3:1AA18

2.2:1Fail

1.8:1Fail

8.8:1AAA

5.8:1AA

3.8:1AA18

1.8:1Fail

Similar palettes

More like Ceramic Pot Earth

Ceramic Pot Earth

See it in context.

Ready when you are.

Built with Ceramic Pot Earth.

How to use Ceramic Pot Earth

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Earthy Foundation

Pottery Texture

Natural Warmth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Ceramic Pot Earth