Home /Compare /Terracotta vs Garnet

Terracotta vs Garnet: What's the Difference?

The main difference between Terracotta and Garnet is brightness and saturation: both are red shades, but Terracotta is lighter and Terracotta is more saturated. Terracotta (#E2725B) has an HSL of 10°, 70%, 62%, whereas Garnet (#733635) sits at 1°, 37%, 33%.

Terracotta#E2725B
Garnet#733635
#E2725BBlended: #AB5448#733635

Terracotta vs Garnet: Key Differences at a Glance

Aspect Terracotta Garnet
BrightnessLight (L=62%) — airy, soft, approachableDark (L=33%) — rich, serious, substantial
SaturationVivid (S=70%) — bright, energetic, eye-catchingMuted (S=37%) — subdued, sophisticated
Hue familyRedRed
TemperatureWarmWarm
Hex code#E2725B#733635
RGB226, 114, 91115, 54, 53

Can you use Terracotta and Garnet together?

Garnet text on Terracotta
Terracotta text on Garnet
Contrast Ratio:2.94:1Insufficient Contrast

How to Tell Terracotta and Garnet Apart

  • ●Look at lightness first: Terracotta is noticeably lighter.
  • ●Check saturation: Terracotta looks more vivid and saturated.
  • ●Compare them on a white background to see true saturation, and on black to see true lightness.

When to Use Terracotta vs Garnet in Design

Use Terracotta for:
●Alerts, errors, stop states
●Sale & promotion banners
●Food and beverage packaging
●Sports and energy branding
●Romantic & bold fashion
Use Garnet for:
●Alerts, errors, stop states
●Sale & promotion banners
●Food and beverage packaging
●Sports and energy branding
●Romantic & bold fashion

Terracotta and Garnet Hex Codes, RGB & HSL

Terracotta#E2725B

Terracotta (#E2725B) is a light, vivid red with a warm undertone — it feels airy, soft, approachable and bright, energetic, eye-catching.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Garnet#733635

Garnet (#733635) is a dark, muted red with a warm undertone — it feels rich, serious, substantial and subdued, sophisticated.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Terracotta and Garnet WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Terracotta text on white
3.09:1AA Large
Sample text preview
Terracotta text on black
6.79:1AA
Sample text preview
Garnet text on white
9.1:1AAA
Sample text preview
Garnet text on black
2.31:1Fail
Sample text preview
Terracotta text on Garnet
2.94:1Fail
Sample text preview
Garnet text on Terracotta
2.94:1Fail

Explore Terracotta and Garnet individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Terracotta color page#E2725B · shades, tints, pairingsGarnet color page#733635 · shades, tints, pairings

More Terracotta and Garnet Comparisons

TanvsTerracottaRedvsGarnetRedvsTerracottaRubyvsGarnetTerracottavsRustWinevsGarnetRustvsTerracottaRustvsGarnetSagevsTerracottaGarnetvsGreyTerracottavsSageBrownvsGarnet

Terracotta vs Garnet FAQ

What is the difference between terracotta and garnet?+
The main difference between Terracotta and Garnet is brightness and saturation: both are red shades, but Terracotta is lighter and Terracotta is more saturated. Terracotta (#E2725B) has an HSL of 10°, 70%, 62%, whereas Garnet (#733635) sits at 1°, 37%, 33%.
Is terracotta darker than garnet?+
No. Garnet is the darker of the two at 33% lightness, while Terracotta sits higher at 62%.
Are terracotta and garnet the same color?+
No. Terracotta is #E2725B and Garnet is #733635. They differ by 9° in hue, 29% in lightness, and 33% in saturation.
Which is more saturated, terracotta or garnet?+
Terracotta is more saturated. In HSL, Terracotta has 70% saturation and Garnet has 37% — Terracotta is the more vivid of the two, while Garnet reads as more muted.
Is terracotta warm or cool?+
Terracotta (#E2725B) is a warm red. Its hue sits at 10° on the color wheel, which places it in the warm range.
Is garnet warm or cool?+
Garnet (#733635) is a warm red. Its hue sits at 1° on the color wheel, which places it in the warm range.
Can you use terracotta and garnet together?+
Yes. Both terracotta and garnet are red shades, so they pair naturally in a monochromatic palette. Use garnet as the dominant color and terracotta as the accent or highlight.
What color family does terracotta belong to?+
Terracotta belongs to the red family. Its HSL is 10°, 70%, 62% — a warm tone within the broader red group.
What is the hex code for terracotta?+
The hex code for Terracotta is #E2725B. In RGB, that's rgb(226, 114, 91), and in HSL it's hsl(10, 70%, 62%).
What is the hex code for garnet?+
The hex code for Garnet is #733635. In RGB, that's rgb(115, 54, 53), and in HSL it's hsl(1, 37%, 33%).