Palette

Earthen Pot Craft

A grounded, rustic range of browns, reflecting the handmade beauty and textures of natural earthenware pottery.

monochromenatural5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Earthen Pot Craft 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 Pot Craft.

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

Data visualization

#4D3D35#7D6054#B18B7A#DFB9A2#F8E2CD

Palette guide

How to use Earthen Pot Craft

Overview

The Earthen Pot Craft palette offers a beautiful monochromatic progression of warm browns, perfect for designs seeking a grounded, rustic, and handcrafted aesthetic. Ranging from the deep #4D3D35 (Dark Brown) to the soft, near-white #F8E2CD (Cream), this palette evokes the natural beauty of unglazed pottery and clay. Designers can leverage the lighter tones like #DFB9A2 (Light Tan) for spacious backgrounds, while #7D6054 (Medium Brown) provides a rich, inviting mid-tone for key content. This collection is ideal for creating designs that feel authentic, comforting, and deeply connected to artisanal quality.

Best used for

Pottery workshop branding
Rustic home decor websites
Natural skincare and beauty packaging
Artisanal food and beverage blogs
Cozy cafe and restaurant interiors
Handcrafted jewelry and goods displays

Suggested color roles

primary

#4D3D35 (Dark Brown) serves as a deep, anchoring shade for strong branding, main headings, and primary text.

secondary

#7D6054 (Medium Brown) offers a warm, inviting tone for subheadings, important content blocks, and UI elements.

accent

#B18B7A (Rosy Brown) provides a softer, warm accent for interactive elements, subtle highlights, or decorative details.

background

#F8E2CD (Cream) creates a very light, airy background that allows content to breathe and enhances the warmth of other tones.

text

Use #4D3D35 for primary text on light backgrounds like #F8E2CD, ensuring excellent readability and visual impact.

Accessibility notes

The contrast between #4D3D35 and #F8E2CD is excellent, making it suitable for all text sizes.
Ensure #7D6054 on #F8E2CD meets WCAG AA guidelines for body text readability.
Avoid using #DFB9A2 or #B18B7A for small text on #F8E2CD due to insufficient contrast, reserving them for larger elements.
In a monochromatic palette, use clear visual cues beyond color (e.g., bolding, underlines) for interactive states.

Recommended combinations

Deep & Light

Achieve strong contrast with a dark primary and light background, balanced by a soft accent for emphasis.

#4D3D35 · #F8E2CD · #B18B7A

Mid-Range Blend

Create smooth, harmonious transitions for layered content blocks, illustrations, or subtle gradients.

#7D6054 · #B18B7A · #DFB9A2

Pottery Layers

Design with a light background, a soft intermediate layer, and a dark, grounding color for text or key elements.

#F8E2CD · #DFB9A2 · #4D3D35

CSS variables

:root {
  --earthen-pot-craft-1: #4D3D35;
  --earthen-pot-craft-2: #7D6054;
  --earthen-pot-craft-3: #B18B7A;
  --earthen-pot-craft-4: #DFB9A2;
  --earthen-pot-craft-5: #F8E2CD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthen-pot-craft": {
        1: "#4D3D35",
        2: "#7D6054",
        3: "#B18B7A",
        4: "#DFB9A2",
        5: "#F8E2CD",
      }
    }
  }
}

Hex values

Color 1#4D3D35

Color 2#7D6054

Color 3#B18B7A

Color 4#DFB9A2

Color 5#F8E2CD

Accessibility

Contrast checker

1.8:1Fail

3.4:1AA18

5.7:1AA

8.2:1AAA

1.8:1Fail

1.9:1Fail

3.2:1AA18

4.6:1AA

3.4:1AA18

1.9:1Fail

1.7:1Fail

2.4:1Fail

5.7:1AA

3.2:1AA18

1.7:1Fail

1.4:1Fail

8.2:1AAA

4.6:1AA

2.4:1Fail

1.4:1Fail

Similar palettes

More like Earthen Pot Craft

View all monochrome

Rustic Leather Patina