UI Shades

A study in brown

Terracotta

#E2725B

Family
Brown
L
0.677
C
0.144
H
33°

Notes

Terracotta (Italian for cooked earth) has named the same colour since Roman roof tiles were first fired around 100 BC. The curated hex in this list lands on the warmer, more orange end of the band rather than on the brown-leaning Tuscan tile colour. Heritage food brands, garden suppliers, and the long lineage of slow-fashion labels including Toast and Mara Hoffman all use surfaces in this neighbourhood as primary identity colour. Sage green or cream produces a Mediterranean palette that avoids the obvious red-and-cream cliché. Body text against white passes AA only at sizes 18px and above; smaller copy belongs in a deeper warm brown.

#e2725b
Terracotta
Terracotta
#e2725b
oklch(0.677 0.144 32.94)
rgb(226 114 91)
hsl(10.2 69.9% 62.2%)
Share
#fff4ef
#ffebe4
#ffd7cb
#ffbead
#ff917a
#e2725b
#b84c37
#9d3925
#752515
#531509
#2f0803

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Terracotta

Cross-reference
Q&A

Frequently asked questions

What is Terracotta?

Terracotta (Italian for cooked earth) has named the same colour since Roman roof tiles were first fired around 100 BC. The curated hex in this list lands on the warmer, more orange end of the band rather than on the brown-leaning Tuscan tile colour. Its hex code is #E2725B.

What are the tints and shades of Terracotta?

uishades builds an 11-step OKLCH ramp for Terracotta (#E2725B) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Terracotta?

Its complementary color is #00ACCA. Triadic partners are #40B06B and #7B8FF0; analogous neighbours are #D58120 and #DE6D8F.

What are the OKLCH and RGB values of Terracotta?

Terracotta is #E2725B - OKLCH 0.677 0.144 33°, rgb(226 114 91), in the brown family.