Earthy combinationsModern earth

Sage and Terracotta Color Combination

Both colors are desaturated versions of green and orange, so they combine into a muted, contemporary earthy palette.

Hex codes #BCB88A and #E2725B — a modern earth pair with a 1.53:1 contrast ratio between the two colors.

Values for this combination

Sage
RGB
rgb(188, 184, 138)
HSL
hsl(55, 27%, 64%)
Hex
#BCB88A
Terracotta
RGB
rgb(226, 114, 91)
HSL
hsl(10, 70%, 62%)
Hex
#E2725B

Contrast between Sage and Terracotta

Contrast ratio 1.53:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.

AA · Normal text (≥ 4.5:1)FAIL
AA · Large text (≥ 3:1)FAIL
AAA · Normal text (≥ 7:1)FAIL
AAA · Large text (≥ 4.5:1)FAIL
Aa

Terracotta text on a Sage surface, at 1.53:1.

Aa

Sage text on a Terracotta surface, at 1.53:1.

Where this pair works

  • Interior design
  • Wellness brands
  • Ceramics

Give Sage (#BCB88A) roughly 60% of the surface, Terracotta (#E2725B) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.

A five-color set from this pair

Sage and Terracotta as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.

  • Pale tint#efefebbackgrounds and large surfaces · closest to Isabelline
  • Primary#BCB88Athe dominant color · closest to Sage
  • Secondary#E2725Bthe accent color · closest to Terracotta
  • Deep shade#441208text, borders and icons · closest to DarkSienna
  • Neutral#f6f5f4dividers and quiet surfaces · closest to WhiteSmoke

Explore Sage and Terracotta on their own

More color combinations

Sage and Terracotta are a modern earth pair: both colors are desaturated versions of green and orange, so they combine into a muted, contemporary earthy palette.

Frequently asked questions

Yes — this pair is used for interior design, wellness brands, ceramics. The two colors measure 1.53:1 against each other, which means the two should sit side by side as surfaces rather than as text and background.

Good to know

  • Every value on this page is calculated from #BCB88A and #E2725B — nothing is hardcoded.
  • Build a longer palette out of Sage or Terracotta in the palette generator, or test your own text pair in the contrast checker.

Put this combination to work

Turn Sage and Terracotta into a full palette, a gradient or a set of shades — or check the pair against WCAG.

From the blog