Palette

Rustic Earth Pottery

Warm, earthy tones reminiscent of handcrafted pottery, embracing natural materials and traditional artistry.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rustic Earth Pottery 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 Rustic Earth Pottery.

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

Data visualization

#A47D5F#C89666#DBC9AC#7B8D6D#5E4A3F

Palette guide

How to use Rustic Earth Pottery

Overview

The Rustic Earth Pottery palette draws inspiration from handcrafted ceramics, offering a warm and inviting array of earthy tones. It features a rich pottery brown, #A47D5F, complemented by the lighter tan of #C89666 and a soft, creamy #DBC9AC. A unique touch of muted sage green, #7B8D6D, adds an organic, natural element, while the deep, grounding #5E4A3F provides a strong anchor. This collection is perfect for designers creating brands, digital interfaces, or print materials that embody natural materials, traditional artistry, and a cozy, authentic feel. Developers will find these hex codes versatile for crafting user experiences that feel artisanal, warm, and rooted in nature.

Best used for

Artisan craft and pottery brands
Sustainable and eco-friendly products
Natural food and beverage packaging
Spa and wellness retreat branding
Rustic home decor websites
Educational materials on traditional arts

Suggested color roles

primary

Employ #A47D5F as the main color for large sections or backgrounds to establish a strong, earthy foundation.

secondary

The warm tan #C89666 is excellent for secondary elements, subheadings, or complementary design details, adding lightness.

accent

Introduce #7B8D6D as a unique accent for calls-to-action, icons, or to infuse a subtle organic, natural feel.

background

The light, creamy #DBC9AC serves as a beautiful, soft background, allowing other richer colors to pop with warmth.

text

For optimal readability, use the deep brown #5E4A3F or a classic black for body text, ensuring strong contrast against lighter backgrounds.

Accessibility notes

Ensure sufficient contrast between text and background, especially when using #C89666 on #DBC9AC.
The dark #5E4A3F provides excellent contrast for text on #DBC9AC; prioritize this pairing for key information.
Be mindful of using #7B8D6D for small text elements, as its mid-tone value might require careful contrast checking.
When designing interactive elements, ensure distinct visual cues beyond color, such as underlines or bolding, for better accessibility.

Recommended combinations

Craftsman Earth

Creates a sophisticated, grounded look, suitable for artisan product displays or brand headers.

#A47D5F · #DBC9AC · #5E4A3F

Organic Touch

Excellent for adding a fresh, natural feel to designs, perfect for wellness or eco-conscious branding.

#7B8D6D · #DBC9AC · #C89666

Warm Clay

Ideal for creating depth and warmth in UI elements or illustrations, mimicking layered pottery.

#C89666 · #A47D5F · #5E4A3F

CSS variables

:root {
  --rustic-earth-pottery-1: #A47D5F;
  --rustic-earth-pottery-2: #C89666;
  --rustic-earth-pottery-3: #DBC9AC;
  --rustic-earth-pottery-4: #7B8D6D;
  --rustic-earth-pottery-5: #5E4A3F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-earth-pottery": {
        1: "#A47D5F",
        2: "#C89666",
        3: "#DBC9AC",
        4: "#7B8D6D",
        5: "#5E4A3F",
      }
    }
  }
}

Hex values

Color 1#A47D5F

Color 2#C89666

Color 3#DBC9AC

Color 4#7B8D6D

Color 5#5E4A3F

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

1:1Fail

2.2:1Fail

1.4:1Fail

1.6:1Fail

1.4:1Fail

3.2:1AA18

2.3:1Fail

1.6:1Fail

2.2:1Fail

5.1:1AA

1:1Fail

1.4:1Fail

2.2:1Fail

2.3:1Fail

2.2:1Fail

3.2:1AA18

5.1:1AA

2.3:1Fail

Similar palettes

More like Rustic Earth Pottery

Rustic Earth Pottery

See it in context.

Ready when you are.

Built with Rustic Earth Pottery.

How to use Rustic Earth Pottery

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Craftsman Earth

Organic Touch

Warm Clay

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Rustic Earth Pottery