#1B6F73
#E07A5F
#F2CC8F
#F4F1DE
#E07A5F · Terracotta
Click to copy#E07A5F is a medium, moderately saturated orange color, closest to Terracotta and near Terracotta and Mandarin. In OKLCH it has 69% lightness and 0.13 chroma at hue 36°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #E07A5F a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 3 ColorSwoop palettes.
Color codes click to copy
HEX
#E07A5FRGB
rgb(224, 122, 95)HSL
hsl(13, 68%, 63%)CMYK
0, 46, 58, 12CSS var
--terracottaContrast
2.95:1 white · 7.12:1 blackSimilar named colors
How to use #E07A5F
Black text passes WCAG AA on #E07A5F (7.12:1); white text does not (2.95:1).
For a calm scheme pair #E07A5F with its analogous neighbors #E16085 and #E1BC60; for contrast use its complement #60C5E1 as a small accent, and anchor everything with a neutral such as #1F1F24.
--terracotta: #E07A5F;
$terracotta: #E07A5F;
colors: { 'terracotta': '#E07A5F' }