Back to palettes

Palette

Terra Cotta Harvest

Warm, earthy tones reminiscent of sun-baked terracotta pots and a bountiful autumn harvest.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Terra Cotta Harvest 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 Terra Cotta Harvest.

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

Data visualization

#F2D2B3#E8A179#C4774B#9E562F#6D371E

Palette guide

How to use Terra Cotta Harvest

Overview

The Terra Cotta Harvest palette embodies the bountiful warmth of autumn and the rich, sun-baked tones of clay pottery. This gradient of earthy oranges and deep browns, ranging from the bright #F2D2B3 to the profound #6D371E, offers a deeply comforting and rustic aesthetic. Shades like #E8A179 and #C4774B provide a natural progression of warmth, while #9E562F adds a grounding, robust element. It's an excellent choice for designs that aim to convey natural abundance, coziness, and a connection to traditional craftsmanship. This palette is particularly effective for projects seeking to evoke feelings of warmth, harvest, and timeless natural beauty, making it incredibly versatile.

Best used for

  • Autumnal event branding (weddings, festivals)
  • Farm-to-table restaurant branding
  • Home goods and decor lines
  • Seasonal product packaging (coffees, spices)
  • Children's book illustrations with a warm tone
  • Websites for crafts or DIY communities

Suggested color roles

primary

Use #C4774B as a key color for main headings or significant design elements, providing a strong, inviting warmth.

secondary

Apply #E8A179 for supporting content or background textures, offering a softer, welcoming mid-tone.

accent

Employ #9E562F for impactful calls-to-action or important details, adding a rich, deep contrast.

background

Utilize #F2D2B3 for light, airy backgrounds, creating a gentle and expansive canvas.

text

For body text, #6D371E offers superior readability on lighter backgrounds, grounding the design with its deep hue.

Accessibility notes

  • Ensure #6D371E text has sufficient contrast against #F2D2B3 backgrounds for optimal readability.
  • Avoid using #E8A179 on #C4774B for small text due to potential low contrast.
  • Lighter shades like #F2D2B3 are best reserved for backgrounds or large decorative elements.
  • Prioritize darker hues like #9E562F and #6D371E for critical information to meet accessibility standards.

Recommended combinations

Autumn Glow

Creates a radiant and inviting feel, perfect for seasonal designs or warm branding.

#C4774B · #E8A179 · #F2D2B3

Deep Harvest

Focuses on the palette's richer, more robust tones, ideal for conveying depth and earthy strength.

#9E562F · #6D371E · #C4774B

Soft Clay

A gentler combination, suitable for backgrounds or designs requiring a muted, organic warmth.

#F2D2B3 · #E8A179 · #9E562F

CSS variables

:root {
  --terra-cotta-harvest-1: #F2D2B3;
  --terra-cotta-harvest-2: #E8A179;
  --terra-cotta-harvest-3: #C4774B;
  --terra-cotta-harvest-4: #9E562F;
  --terra-cotta-harvest-5: #6D371E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terra-cotta-harvest": {
        1: "#F2D2B3",
        2: "#E8A179",
        3: "#C4774B",
        4: "#9E562F",
        5: "#6D371E",
      }
    }
  }
}

Related searches

autumn color paletterustic earthy tonesharvest season colorsclay pot colorswarm brown orange scheme

Palette colors

Hex values

Color 1#F2D2B3
·
Color 2#E8A179
·
Color 3#C4774B
·
Color 4#9E562F
·
Color 5#6D371E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.4:1Fail
3.8:1AA18
6.6:1AA
2
1.5:1Fail
1.6:1Fail
2.6:1Fail
4.4:1AA18
3
2.4:1Fail
1.6:1Fail
1.6:1Fail
2.7:1Fail
4
3.8:1AA18
2.6:1Fail
1.6:1Fail
1.7:1Fail
5
6.6:1AA
4.4:1AA18
2.7:1Fail
1.7:1Fail

Similar palettes

More like Terra Cotta Harvest

View all earth