Back to palettes

Palette

Mediterranean Terra cotta

Evokes the sun-drenched rooftops and pottery of the Mediterranean, rich with rustic warmth.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mediterranean Terra cotta 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 Mediterranean Terra cotta.

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

Data visualization

#A04C37#C76046#E0775A#F2957C#FFE2D4

Palette guide

How to use Mediterranean Terra cotta

Overview

The "Mediterranean Terra Cotta" palette captures the sun-drenched warmth and rustic charm of traditional Mediterranean pottery and architecture. It features a harmonious gradient of warm, earthy reds and oranges, from the deep #A04C37 and #C76046 to the lighter #E0775A and #F2957C, culminating in the soft, almost blush #FFE2D4. This palette is excellent for designers seeking to evoke a sense of comfort, authenticity, and natural elegance. It's highly effective for creating inviting digital interfaces, cozy interior design concepts, or branding that emphasizes handmade quality and a rich cultural heritage.

Best used for

  • Artisan pottery and craft branding
  • Mediterranean restaurant websites
  • Home decor and interior design mood boards
  • E-commerce for handmade goods
  • Rustic wedding invitations
  • Cultural heritage websites or brochures

Suggested color roles

primary

Use #A04C37 (Deep Terracotta) as a strong, grounding color for main headings, brand logos, or key interactive elements, signifying warmth and tradition.

secondary

Employ #C76046 (Mid Terracotta) for subheadings, navigation, or background sections, providing depth and an inviting, earthy feel.

accent

Apply #E0775A (Warm Orange) or #F2957C (Light Orange) for call-to-action buttons or highlights to add a vibrant, approachable pop.

background

Utilize #FFE2D4 (Soft Peach) as a light, airy base for main content areas, ensuring excellent readability and a natural, warm feel.

text

For primary body text, use #A04C37 (Deep Terracotta) or a dark brown/charcoal on light backgrounds like #FFE2D4. For headings on darker backgrounds, #FFE2D4 works well.

Accessibility notes

  • Ensure #A04C37 or a dark brown has sufficient contrast against #FFE2D4 for body text readability (WCAG AA standard).
  • The lighter shades like #E0775A and #F2957C may have insufficient contrast for small text on #FFE2D4; use them primarily for larger display text or graphics.
  • Be mindful of color-on-color contrast when layering similar warm tones; prioritize legibility for essential information.
  • For interactive elements, always verify contrast ratios, especially when pairing mid-tones with lighter backgrounds to ensure usability.

Recommended combinations

Earthy Foundation

Ideal for establishing a robust, warm brand identity or for creating a rustic, grounded visual theme with good contrast.

#A04C37 · #C76046 · #FFE2D4

Sun-Kissed Gradient

Perfect for subtle background gradients, decorative elements, or sections needing a soft, sunlit glow for a gentle transition.

#E0775A · #F2957C · #FFE2D4

Warm Accents

Suitable for highlighting key information, interactive buttons, or graphical elements that require a vibrant yet earthy emphasis.

#C76046 · #F2957C · #A04C37

CSS variables

:root {
  --mediterranean-terra-cotta-1: #A04C37;
  --mediterranean-terra-cotta-2: #C76046;
  --mediterranean-terra-cotta-3: #E0775A;
  --mediterranean-terra-cotta-4: #F2957C;
  --mediterranean-terra-cotta-5: #FFE2D4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mediterranean-terra-cotta": {
        1: "#A04C37",
        2: "#C76046",
        3: "#E0775A",
        4: "#F2957C",
        5: "#FFE2D4",
      }
    }
  }
}

Related searches

terracotta color palettemediterranean warm colorsrustic clay color schemeearthy orange brandingsunbaked red brown palette

Palette colors

Hex values

Color 1#A04C37
·
Color 2#C76046
·
Color 3#E0775A
·
Color 4#F2957C
·
Color 5#FFE2D4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.9:1Fail
2.6:1Fail
4.8:1AA
2
1.4:1Fail
1.3:1Fail
1.8:1Fail
3.3:1AA18
3
1.9:1Fail
1.3:1Fail
1.3:1Fail
2.5:1Fail
4
2.6:1Fail
1.8:1Fail
1.3:1Fail
1.8:1Fail
5
4.8:1AA
3.3:1AA18
2.5:1Fail
1.8:1Fail

Similar palettes

More like Mediterranean Terra cotta

View all earth
Clay Earth Hearth
Desert Pot Shards
Mediterranean Clay Harvest
Mediterranean Clay Tile
Rustic Tuscan Clay
Sunbaked Clay Earth