Back to palettes

Palette

Sunbaked Terracotta Roofs

Warm, sun-drenched hues of classic terracotta, evoking the charming tiled roofs of a Mediterranean village.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunbaked Terracotta Roofs 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 Sunbaked Terracotta Roofs.

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

Data visualization

#B76E4B#D0875C#E7A77C#F7CDAA#9E5B3B

Palette guide

How to use Sunbaked Terracotta Roofs

Overview

The Sunbaked Terracotta Roofs palette captures the warm, sun-drenched hues of classic terracotta, evoking the charming tiled roofs of a Mediterranean village. This harmonious set of five colors, including the rich #B76E4B, the inviting #D0875C, and the soft #F7CDAA, is an excellent resource for designers and developers. The slightly darker #9E5B3B adds a grounding depth, while #E7A77C provides a vibrant mid-tone. These hues create a cohesive and appealing visual language, ideal for projects aiming to convey warmth, tradition, and a rustic, natural charm across both digital and physical applications, from web design to architectural renderings.

Best used for

  • Mediterranean-inspired branding and web design
  • Interior design for rustic or traditional homes
  • Travel websites featuring European villages
  • Packaging for artisanal food or wine products
  • Architectural visualizations of traditional buildings
  • Event invitations with a warm, European village aesthetic

Suggested color roles

primary

Use #B76E4B as a rich, defining primary color for headlines, logos, or calls-to-action, conveying warmth and heritage.

secondary

Apply #D0875C for supporting sections, subheadings, or larger background sections to maintain an inviting, warm presence.

accent

Introduce #9E5B3B for subtle accents, borders, or iconography, adding depth and a grounded sophistication.

background

Utilize #F7CDAA as a very light, soft peachy beige background, providing an airy and natural canvas for content.

text

For optimal readability, use #9E5B3B or a dark charcoal on lighter backgrounds. White or a very light cream works well on #B76E4B or #D0875C.

Accessibility notes

  • Ensure strong contrast for text on #F7CDAA; dark text like #9E5B3B is essential.
  • Avoid using #E7A77C for small text on #F7CDAA due to potential low contrast.
  • The darkest color, #9E5B3B, provides excellent contrast for white or light-colored text.
  • Check contrast ratios for all interactive elements, especially if using mid-tones for text or buttons.

Recommended combinations

Village Charm

Creates a warm, inviting welcome section, perfect for hero images or brand introductions.

#B76E4B · #D0875C · #F7CDAA

Roofline Depth

Ideal for navigation bars or footers, offering a grounded yet warm aesthetic.

#9E5B3B · #B76E4B · #E7A77C

Terracotta Glow

Excellent for softer content blocks or illustrations that require a gentle, radiant quality.

#D0875C · #E7A77C · #F7CDAA

CSS variables

:root {
  --sunbaked-terracotta-roofs-2-1: #B76E4B;
  --sunbaked-terracotta-roofs-2-2: #D0875C;
  --sunbaked-terracotta-roofs-2-3: #E7A77C;
  --sunbaked-terracotta-roofs-2-4: #F7CDAA;
  --sunbaked-terracotta-roofs-2-5: #9E5B3B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbaked-terracotta-roofs-2": {
        1: "#B76E4B",
        2: "#D0875C",
        3: "#E7A77C",
        4: "#F7CDAA",
        5: "#9E5B3B",
      }
    }
  }
}

Related searches

terracotta roof colorsmediterranean village paletterustic warm tonesnatural orange brown schemesunbaked architecture colors

Palette colors

Hex values

Color 1#B76E4B
·
Color 2#D0875C
·
Color 3#E7A77C
·
Color 4#F7CDAA
·
Color 5#9E5B3B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.7:1Fail
1.3:1Fail
2
1.4:1Fail
1.4:1Fail
2:1Fail
1.8:1Fail
3
1.9:1Fail
1.4:1Fail
1.4:1Fail
2.5:1Fail
4
2.7:1Fail
2:1Fail
1.4:1Fail
3.6:1AA18
5
1.3:1Fail
1.8:1Fail
2.5:1Fail
3.6:1AA18

Similar palettes

More like Sunbaked Terracotta Roofs

View all earth
Ancient Clay Vessel
Boho Clay Bloom
Canyon Wall Rust
Earth Clay Hearth
Earth Loom Wander
Fired Clay Pottery