Back to palettes

Palette

Earthy Terracotta Pot

Warm and grounding, capturing the natural, reddish-brown tones of traditional terracotta garden pots.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Earthy Terracotta Pot 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 Earthy Terracotta Pot.

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

Data visualization

#9E5B4B#C27D69#D99D8D#EBC0B3#7A3D2E

Palette guide

How to use Earthy Terracotta Pot

Overview

The "Earthy Terracotta Pot" palette evokes warmth and natural grounding, perfect for designs seeking a rustic yet refined feel. Dominated by rich, reddish-browns, it features deep terracotta like #9E5B4B and lighter, sun-baked clay tones such as #D99D8D and #EBC0B3. A grounding deep brown, #7A3D2E, provides strong contrast, while the mid-tone #C27D69 offers a versatile bridge. Designers can leverage its organic essence for branding, web interfaces, or print materials that aim for an authentic, handcrafted aesthetic. Developers will find its cohesive nature easy to implement for consistent UI elements that feel inviting and stable.

Best used for

  • Rustic interior design blogs and e-commerce
  • Sustainable product packaging and branding
  • Gardening, pottery, or artisanal craft websites
  • Cozy café or restaurant branding
  • Nature-themed educational materials
  • Boho-chic fashion or home decor digital storefronts

Suggested color roles

primary

#9E5B4B (Terracotta Red) - Ideal for main headings, call-to-action buttons, or large background sections to establish a warm, inviting tone.

secondary

#C27D69 (Warm Clay) - Use for subheadings, active states, or supporting graphic elements to maintain warmth without overwhelming.

accent

#7A3D2E (Deep Earth Brown) - Excellent for strong accents, important icons, or footer sections where a grounded, rich contrast is needed.

background

#EBC0B3 (Pale Terracotta) - Provides a soft, light base that allows darker colors to pop, suitable for main content areas or subtle card backgrounds.

text

#7A3D2E (Deep Earth Brown) - Offers excellent readability against lighter backgrounds like #EBC0B3. For darker backgrounds, use near-white or #EBC0B3.

Accessibility notes

  • Ensure sufficient contrast between #7A3D2E text and #EBC0B3 backgrounds for WCAG AA compliance.
  • Avoid placing #D99D8D text directly on #C27D69 backgrounds due to insufficient contrast.
  • Use #9E5B4B or #7A3D2E for interactive elements to ensure visibility for all users.
  • Consider a pure white or charcoal text for maximum readability on mid-tone backgrounds if palette colors don't meet requirements.

Recommended combinations

Rustic Contrast

Perfect for a header with light background, dark text, and a prominent terracotta button.

#EBC0B3 · #7A3D2E · #9E5B4B

Warm Gradation

Ideal for subtle gradients, layered UI elements, or depicting natural textures.

#D99D8D · #C27D69 · #EBC0B3

Earthy Highlight

A strong base with a warm mid-tone, suitable for data visualization or distinct content blocks.

#7A3D2E · #C27D69 · #D99D8D

CSS variables

:root {
  --earthy-terracotta-pot-1: #9E5B4B;
  --earthy-terracotta-pot-2: #C27D69;
  --earthy-terracotta-pot-3: #D99D8D;
  --earthy-terracotta-pot-4: #EBC0B3;
  --earthy-terracotta-pot-5: #7A3D2E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "earthy-terracotta-pot": {
        1: "#9E5B4B",
        2: "#C27D69",
        3: "#D99D8D",
        4: "#EBC0B3",
        5: "#7A3D2E",
      }
    }
  }
}

Related searches

terracotta color schemerustic earth tone palettenatural clay colorswarm garden aestheticboho design color ideas

Palette colors

Hex values

Color 1#9E5B4B
·
Color 2#C27D69
·
Color 3#D99D8D
·
Color 4#EBC0B3
·
Color 5#7A3D2E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.3:1Fail
3.1:1AA18
1.6:1Fail
2
1.6:1Fail
1.4:1Fail
2:1Fail
2.5:1Fail
3
2.3:1Fail
1.4:1Fail
1.4:1Fail
3.6:1AA18
4
3.1:1AA18
2:1Fail
1.4:1Fail
5:1AA
5
1.6:1Fail
2.5:1Fail
3.6:1AA18
5:1AA

Similar palettes

More like Earthy Terracotta Pot

View all earth
Artisan Clay Vessel
Artisan Clay Vessel
Artisan Pottery Wheel
Desert Clay Pot
Fired Clay Pottery
Terra Cotta Bloom