Skip to content

What Color Does Sage and Terracotta Make?

Sage#9CAF88
+
Terracotta#E2725B
=
#C49371
Warm Brown / Khaki

#C49371

Warm Brown / Khaki

HEX#C49371
RGBrgb(196, 147, 113)
HSLhsl(25°, 41%, 61%)
CMYKcmyk(0%, 25%, 42%, 23%)
CIELABLab(64.8, 14.1, 25.2)

Pantone™ Approximations

163 CApproximate (ΔE 11.7)
157 CApproximate (ΔE 11.7)
162 CApproximate (ΔE 13.5)

Pantone™ values shown are mathematical approximations, not official Pantone colors. Pantone® is a registered trademark of Pantone LLC.

RAL (approx.)

RAL 3012Beige redClose (ΔE 4.8)
RAL 1002Sand yellowApproximate (ΔE 12.4)
RAL 2011Deep orangeApproximate (ΔE 13.4)

Pantone® and RAL® codes shown are mathematical approximations calculated by color distance (ΔE CIEDE2000). They are not officially certified values.

About This Color Combination

Sage and terracotta mixed together produce warm brown and khaki, earth tones that feel pulled directly from a sun-baked Mediterranean landscape. The muted green of sage neutralizes the warm orange-red of terracotta, resulting in a natural, organic color that recalls clay, sandstone, and dry herbs. This combination has become a defining palette in bohemian, desert-modern, and organic design movements.

Usage Tips

In plein air painting, sage-terracotta mixes are invaluable for rendering adobe walls, dried earth, and the muted tones of arid landscapes. Interior designers pair sage and terracotta as accent colors against the khaki neutral they naturally produce, creating cohesive rooms that feel warm and grounded. In branding, this earth-tone palette signals sustainability, craftsmanship, and connection to nature, ideal for ceramics studios, organic food brands, and eco-conscious retailers. The mixed khaki also serves as an excellent neutral base for layering bolder accent colors.

Color Codes & Implementation

Drop-in snippets for CSS variables, Tailwind, and SCSS.

:root {
  --color-primary: #9CAF88;   /* Sage */
  --color-secondary: #E2725B; /* Terracotta */
  --color-accent: #C49371;    /* Warm Brown / Khaki */
}
Mix these colors

Opens the Color Mixer with both source colors pre-loaded.

Frequently Asked Questions

What colors go well with sage green?

Sage green pairs beautifully with terracotta, cream, warm whites, dusty rose, and earthy browns. Its muted, nature-inspired tone complements warm neutrals and earthy accents, making it a cornerstone of organic 2025-2026 interior and brand palettes.

What is the sage and terracotta color combination called?

The sage and terracotta pairing is often called an 'Earthy Harmony' or 'Botanical' palette. It evokes natural, organic environments — sun-baked clay against fresh foliage — and is one of the most-requested color stories in modern interior design and lifestyle branding.

What are the hex codes for sage green and terracotta?

A classic sage green is #9CAF88 (RGB: 156, 175, 136), while a warm terracotta sits around #E2725B (RGB: 226, 114, 91). Mixed in equal parts they yield a warm khaki brown near #C49371, perfect as an accent neutral.

Try It Yourself in the Color Mixer

Adjust the ratios, add more colors, and get all color codes instantly.

Mix Your Own Colors

Enter two HEX codes to see the mixed result live.

+
=
#C49371

Related Color Combinations

Related Tools