Warm combinationsHandmade warmth

Terracotta and Cream Color Combination

Terracotta carries the warmth of fired clay and cream keeps it from going muddy, so the pairing reads artisanal rather than rustic.

Hex codes #E2725B and #FFFDD0 — a handmade warmth pair with a 2.98:1 contrast ratio between the two colors.

Values for this combination

Terracotta
RGB
rgb(226, 114, 91)
HSL
hsl(10, 70%, 62%)
Hex
#E2725B
Cream
RGB
rgb(255, 253, 208)
HSL
hsl(57, 100%, 91%)
Hex
#FFFDD0

Contrast between Terracotta and Cream

Contrast ratio 2.98: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

Cream text on a Terracotta surface, at 2.98:1.

Aa

Terracotta text on a Cream surface, at 2.98:1.

Where this pair works

  • Ceramics and craft
  • Cafe branding
  • Textile design

Give Terracotta (#E2725B) roughly 60% of the surface, Cream (#FFFDD0) 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

Terracotta and Cream 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#faf8e1backgrounds and large surfaces · closest to OldLace
  • Primary#E2725Bthe dominant color · closest to Terracotta
  • Secondary#FFFDD0the accent color · closest to Cream
  • Deep shade#441208text, borders and icons · closest to DarkSienna
  • Neutral#f6f6f4dividers and quiet surfaces · closest to WhiteSmoke

Explore Terracotta and Cream on their own

More color combinations

Terracotta and Cream are a handmade warmth pair: terracotta carries the warmth of fired clay and cream keeps it from going muddy, so the pairing reads artisanal rather than rustic.

Frequently asked questions

Yes — this pair is used for ceramics and craft, cafe branding, textile design. The two colors measure 2.98: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 #E2725B and #FFFDD0 — nothing is hardcoded.
  • Build a longer palette out of Terracotta or Cream in the palette generator, or test your own text pair in the contrast checker.

Put this combination to work

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

From the blog