Back to palettes

Palette

Clay Pot Garden

The rustic charm of a pottery garden, filled with warmth and simple, organic life.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Clay Pot Garden 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 Clay Pot Garden.

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

Data visualization

#B06540#CD853F#8B4513#6B8E23#A0522D

Palette guide

How to use Clay Pot Garden

Overview

The Clay Pot Garden palette brings the rustic charm of a pottery garden to life with its warm, earthy tones and a refreshing hint of green. Dominated by rich browns like #8B4513 and vibrant terracotta shades such as #B06540 and #A0522D, this collection provides a natural and organic feel. The inclusion of #6B8E23, an olive green, introduces a lively, botanical contrast that designers can use to signify growth and freshness. Developers will find this palette excellent for creating harmonious interfaces that evoke nature, where the warm browns ground the design and the green offers a delightful visual pop.

Best used for

  • Gardening and landscaping websites
  • Eco-friendly brand identities
  • Farmers' market branding
  • Outdoor living product catalogs
  • Natural food and beverage packaging
  • Sustainability-focused digital platforms

Suggested color roles

primary

#8B4513 serves as a deep, grounding primary, excellent for foundational elements, headers, or robust branding.

secondary

#B06540 offers a warm, inviting secondary, ideal for content blocks, buttons, or subheadings.

accent

#6B8E23 acts as a vibrant, natural accent, perfect for call-to-actions, icons, or highlighting organic elements.

background

For a light background, a near-white or very light cream would complement these rich tones. Alternatively, #CD853F could be a strong background with light text.

text

A dark brown like #8B4513 or a deep charcoal works well on light backgrounds. For dark backgrounds, a light cream or white is essential for readability.

Accessibility notes

  • Ensure sufficient contrast when using #6B8E23 for text, especially on mid-tone backgrounds like #B06540 or #CD853F.
  • Avoid using lighter browns like #CD853F as text on similar backgrounds; always aim for strong contrast.
  • When pairing #6B8E23 with #B06540, check contrast ratios for text and interactive elements.
  • Consider using a light background, like a very subtle cream, to ensure #8B4513 and #A0522D text remains highly legible.

Recommended combinations

Earthy Foundation

Great for a website's main structure, with #8B4513 for headers, #B06540 for content, and #6B8E23 as a vibrant accent.

#8B4513 · #B06540 · #6B8E23

Garden Fresh

Ideal for showcasing product features or photographic elements, creating a fresh and inviting look.

#B06540 · #CD853F · #6B8E23

Rustic Pot

Use for design elements that need to convey depth and texture, like borders or decorative patterns, using #CD853F as a highlight.

#A0522D · #8B4513 · #CD853F

CSS variables

:root {
  --clay-pot-garden-1: #B06540;
  --clay-pot-garden-2: #CD853F;
  --clay-pot-garden-3: #8B4513;
  --clay-pot-garden-4: #6B8E23;
  --clay-pot-garden-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "clay-pot-garden": {
        1: "#B06540",
        2: "#CD853F",
        3: "#8B4513",
        4: "#6B8E23",
        5: "#A0522D",
      }
    }
  }
}

Related searches

garden inspired color schemeearthy green brown palettenatural organic web colorspottery terracotta designrustic outdoor branding

Palette colors

Hex values

Color 1#B06540
·
Color 2#CD853F
·
Color 3#8B4513
·
Color 4#6B8E23
·
Color 5#A0522D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.6:1Fail
1.2:1Fail
1.3:1Fail
2
1.5:1Fail
2.4:1Fail
1.3:1Fail
1.9:1Fail
3
1.6:1Fail
2.4:1Fail
1.9:1Fail
1.3:1Fail
4
1.2:1Fail
1.3:1Fail
1.9:1Fail
1.5:1Fail
5
1.3:1Fail
1.9:1Fail
1.3:1Fail
1.5:1Fail

Similar palettes

More like Clay Pot Garden

View all earth
Earthy Clay Pots
Artisan Clay Vessel
Artisan Pottery Wheel
Ceramic Pot Earth
Coastal Clay Shore
Desert Bloom Clay