Back to palettes

Palette

Terracotta Pot Warmth

Warm and inviting tones reminiscent of sun-baked clay pots and ancient craftsmanship, feeling grounded.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B45B3E#DD7C48#F2AB76#D4906F#8D4A30

Palette guide

How to use Terracotta Pot Warmth

Overview

The Terracotta Pot Warmth palette radiates a cozy, inviting feel, reminiscent of sun-baked clay pots and ancient craftsmanship. Its harmonious blend of warm oranges and earthy browns, including the robust #B45B3E and the vibrant #DD7C48, creates a grounded and comforting atmosphere. Designers and developers can utilize this palette to instill a sense of natural beauty and rustic elegance. The lighter #F2AB76 and #D4906F offer gentle contrasts, while the deep #8D4A30 provides a strong anchor, making it versatile for both digital and physical applications that aim for a natural, approachable warmth.

Best used for

  • Home decor and interior design branding
  • Cozy blog or lifestyle website themes
  • Traditional product packaging
  • Organic food and beverage branding
  • Craft and DIY project websites
  • Autumn or harvest season marketing materials

Suggested color roles

primary

Use #B45B3E as a foundational warm orange-brown for main headers, key graphics, or call-to-action buttons to convey a grounded warmth.

secondary

Employ #DD7C48 for subheadings, feature panels, or secondary buttons, adding a touch more vibrancy and energy.

accent

Introduce #F2AB76 for highlights, decorative elements, or interactive states, offering a soft, inviting glow.

background

Apply #D4906F for soft, warm backgrounds, or pair with a near-white for a cleaner, yet still inviting, canvas.

text

Choose #8D4A30 for primary body text and important labels, ensuring strong readability against lighter colors in the palette. For lighter text, a deep charcoal is suitable.

Accessibility notes

  • Ensure sufficient contrast when using #8D4A30 text on lighter backgrounds like #F2AB76 or #D4906F to meet WCAG AA standards.
  • Avoid placing light-colored text directly on #DD7C48 or #B45B3E without careful contrast checking; prefer darker text.
  • Interactive elements in #DD7C48 should have clear visual indicators for focus and hover states.
  • Consider using a larger font size for text in #B45B3E on #D4906F to improve legibility, especially for headings.

Recommended combinations

Cozy Read

Ideal for content blocks, featuring a warm background, a vibrant heading, and dark, readable text.

#D4906F · #B45B3E · #8D4A30

Sun-baked Accent

Creates an inviting focal point, perfect for hero images or promotional banners with a bright highlight.

#DD7C48 · #F2AB76 · #B45B3E

Grounded Depth

Provides a strong, earthy foundation with a vibrant mid-tone and a soft highlight, suitable for footers or rich sections.

#8D4A30 · #DD7C48 · #F2AB76

CSS variables

:root {
  --terracotta-pot-warmth-2-1: #B45B3E;
  --terracotta-pot-warmth-2-2: #DD7C48;
  --terracotta-pot-warmth-2-3: #F2AB76;
  --terracotta-pot-warmth-2-4: #D4906F;
  --terracotta-pot-warmth-2-5: #8D4A30;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terracotta-pot-warmth-2": {
        1: "#B45B3E",
        2: "#DD7C48",
        3: "#F2AB76",
        4: "#D4906F",
        5: "#8D4A30",
      }
    }
  }
}

Related searches

warm clay color palettecozy earthy tonesterracotta orange hexrustic home decor colorsnatural warmth design

Palette colors

Hex values

Color 1#B45B3E
·
Color 2#DD7C48
·
Color 3#F2AB76
·
Color 4#D4906F
·
Color 5#8D4A30
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.4:1Fail
1.8:1Fail
1.4:1Fail
2
1.6:1Fail
1.5:1Fail
1.1:1Fail
2.2:1Fail
3
2.4:1Fail
1.5:1Fail
1.4:1Fail
3.4:1AA18
4
1.8:1Fail
1.1:1Fail
1.4:1Fail
2.5:1Fail
5
1.4:1Fail
2.2:1Fail
3.4:1AA18
2.5:1Fail

Similar palettes

More like Terracotta Pot Warmth

View all warm
Kiln Fired Earth
Spiced Earth Hearth
Sunlit Adobe Walls
Terracotta Hearth Warm
Tuscan Earth Glow
Artisan Loaf Hearth