Warm Mediterranean Baked Clay
Category: Orange
Terracotta (#E2725B) — Color Codes, Meaning & UI Palettes
Terracotta (Italian for 'baked earth') is a rich, warm reddish-brown orange inspired by traditional fired earthenware clay and sun-drenched Tuscan architecture. It evokes craftsmanship, artisanal grounding, and natural authenticity.
Click to Copy HEX
Terracotta
#E2725B
HEX
#E2725B
RGB
rgb(226, 114, 91)
HSL
hsl(10deg, 70%, 62%)
CMYK (Print)
cmyk(0%, 50%, 60%, 11%)
Apple Display P3
color(display-p3 0.886 0.447 0.357)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
3.09:1 (AA Large)
Black Text (#000000)
6.79:1 (AA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FDF7F5
100
#FAE8E5
200
#F6D2CB
300
#F0B6AA
400
#E99482
500
#E2725B
600
#B55B49
700
#884437
800
#5A2E24
900
#321914
950
#1B0E0B
Color Harmonies & Palette Schemes
Complementary
#5ACBE2
Opposite 180° Contrast
Analogous -30°
#E25A87
Natural Harmony
Analogous +30°
#E2B55A
Natural Harmony
Triadic +120°
#5AE271
120° Balanced Triad
Triadic +240°
#715AE2
120° Balanced Triad
Curated UI Design Pairings for Terracotta
Perfect for warm call-to-action buttons, hero badges, and brand illustrations in lifestyle, food, interior design, and creator economy apps.
Sage Green
#9CAF88
Natural Earth Complement
Warm Sand
#E5D3B3
Neutral Surface
Deep Espresso
#2C1810
Authoritative Text
Sunlight Yellow
#FEE12B
Vibrant Solar Accent
Export Terracotta Code Snippets
CSS Variable
--color-terracotta: #E2725B;
Tailwind Config
'terracotta': '#E2725B'
Swift / SwiftUI
Color(hex: "#E2725B")
JSON Design Token
{"name": "Terracotta", "hex": "#E2725B"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.