Color meaning

Terracotta

Introducing Terracotta (#C96A4A), a warm, clay-toned shade. Its soft earthen glow gives storefronts a handmade, Mediterranean warmth, while its muted red-orange balance makes it a versatile base for home decor, ceramics, and slow-fashion brands that favor natural palettes.

#C96A4AHSL 15, 54%, 54%

Terracotta code conversions

HEX
#C96A4A
RGB
rgb(201, 106, 74)
HSL
hsl(15, 54%, 54%)
HSB
hsb(15, 63%, 79%)
CMYK
cmyk(0%, 47%, 63%, 21%)

Terracotta color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

Terracotta contrast

Your catchy large text

Small body copy sitting on Terracotta.

3.72:1White textAA failAAA fail

Your catchy large text

Small body copy sitting on Terracotta.

5.08:1Black textAA passAAA fail

Terracotta color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Related orange colors

Burnt OrangePeach

Terracotta: frequently asked

What color is Terracotta?

Terracotta (#C96A4A) is a muted, brownish orange named for fired clay. In e-commerce interfaces it reads as warm and organic, sitting between a soft coral and an earthy rust.

What is the meaning of Terracotta?

Terracotta signals warmth, craft, and natural authenticity. Brands reach for it when they want customers to feel calm and grounded at the point of browsing homeware, artisan goods, or earthy apparel.

How do I use Terracotta (#C96A4A) in e-commerce design?

Use Terracotta for section backgrounds, product cards, and soft CTAs, and pair it with warm white or sage to build a natural palette. It works in larger fills where brighter oranges would feel harsh, keeping storefronts calm.

Using Terracotta color codes

Copy Terracotta (#C96A4A) in HEX, RGB, HSL, HSB, and CMYK below to match it across web store, app, and packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP