Back to palettes

Palette

Terracotta Horizon Blend

A grounding collection of terracotta and sienna shades, reflecting sun-baked earth and natural clay.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Terracotta Horizon Blend reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Terracotta Horizon Blend.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#E8D4C8#CD977B#B36A5E#8A4C3F#5C312E

Palette guide

How to use Terracotta Horizon Blend

Overview

The Terracotta Horizon Blend palette offers a sophisticated gradient of earthy tones, mirroring the subtle shifts of a sun-baked landscape from dawn to dusk. Designers can utilize the deep `#5C312E` and `#8A4C3F` for strong, grounded elements, while `#B36A5E` provides a rich, warm mid-tone. The lighter `#CD977B` and `#E8D4C8` offer soft, airy tones, perfect for backgrounds or delicate accents. This palette is ideal for projects seeking a refined, natural, and calming atmosphere, making it suitable for luxury branding, editorial design, or web interfaces that value subtle elegance and depth.

Best used for

  • Luxury lifestyle branding
  • High-end interior design portfolios
  • Art and photography websites
  • Sustainable fashion e-commerce
  • Spa and wellness centers
  • Editorial layouts for travel magazines

Suggested color roles

primary

#5C312E - A deep, sophisticated brown-red, excellent for strong headings, primary buttons, or foundational design elements, conveying elegance and stability.

secondary

#8A4C3F - A rich, earthy sienna, perfect for subheadings, prominent accents, or backgrounds that need to feel warm and inviting without being overtly bright.

accent

#B36A5E - A muted, rosy terracotta, ideal for subtle highlights, interactive elements, or decorative details that need a refined, understated touch.

background

#E8D4C8 - A very light, creamy beige, suitable for main content backgrounds, offering a clean, airy canvas that allows other colors to stand out gently.

text

#5C312E - This deep brown-red provides excellent readability for body text against light backgrounds like `#E8D4C8`. For text on darker backgrounds, use white or near-white.

Accessibility notes

  • Ensure `#5C312E` text on `#E8D4C8` meets WCAG contrast guidelines for body text.
  • Avoid using `#CD977B` or `#E8D4C8` for small text on light backgrounds due to low contrast.
  • Use `#8A4C3F` for important interactive elements to ensure visibility.
  • The subtle gradient of this palette requires careful contrast checking, especially for informational elements.

Recommended combinations

Deep Horizon

For robust headers and content, creating a sophisticated, deep gradient from dark to mid-tone.

#5C312E · #8A4C3F · #B36A5E

Soft Clay

Ideal for softer, inviting sections, blending muted terracotta with light, airy background tones.

#B36A5E · #CD977B · #E8D4C8

Earthy Elegance

Creates a refined, natural feel, using a rich sienna with lighter, delicate accents and a bright background.

#8A4C3F · #CD977B · #E8D4C8

CSS variables

:root {
  --terracotta-horizon-blend-1: #E8D4C8;
  --terracotta-horizon-blend-2: #CD977B;
  --terracotta-horizon-blend-3: #B36A5E;
  --terracotta-horizon-blend-4: #8A4C3F;
  --terracotta-horizon-blend-5: #5C312E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terracotta-horizon-blend": {
        1: "#E8D4C8",
        2: "#CD977B",
        3: "#B36A5E",
        4: "#8A4C3F",
        5: "#5C312E",
      }
    }
  }
}

Related searches

terracotta gradient paletteearthy horizon colorsclay brown beige schemenatural rustic designmuted sienna tones

Palette colors

Hex values

Color 1#E8D4C8
·
Color 2#CD977B
·
Color 3#B36A5E
·
Color 4#8A4C3F
·
Color 5#5C312E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.9:1Fail
4.6:1AA
7.6:1AAA
2
1.8:1Fail
1.6:1Fail
2.6:1Fail
4.3:1AA18
3
2.9:1Fail
1.6:1Fail
1.6:1Fail
2.7:1Fail
4
4.6:1AA
2.6:1Fail
1.6:1Fail
1.6:1Fail
5
7.6:1AAA
4.3:1AA18
2.7:1Fail
1.6:1Fail

Similar palettes

More like Terracotta Horizon Blend

View all earth
Earthy Clay Bloom
Sunbaked Clay Pot
Terra Cotta Bloom
Ancient Aegean Clay
Artisan Pottery Studio
Artisan Pottery Wheel