Back to palettes

Palette

Mediterranean Clay Harvest

Sun-baked tones of terracotta and aged wood, reflecting the rich, earthy bounty of a Mediterranean autumn.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mediterranean Clay Harvest 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 Clay Harvest.

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

Data visualization

#965B35#C2845E#E5AF8D#FAD6B4#D09A7F

Palette guide

How to use Mediterranean Clay Harvest

Overview

The Mediterranean Clay Harvest palette embodies the warm, sun-baked tones of terracotta and aged wood, reflecting the rich, earthy bounty of a Mediterranean autumn. This collection, featuring deep #965B35 (dark brown) alongside lighter hues like #E5AF8D (light peach) and #FAD6B4 (pale peach), offers a natural and rustic feel. The versatile #C2845E (ochre) and #D09A7F (light brown) bridge the gap between light and dark, providing warmth and texture. Designers and developers can use this palette to create authentic, grounded designs that convey a sense of tradition, comfort, and organic beauty, perfect for evoking a natural, inviting mood.

Best used for

  • Artisan goods and craft branding
  • Rustic home decor and furniture websites
  • Food packaging (e.g., bread, coffee, wine)
  • Nature-inspired blogs or sustainable lifestyle brands
  • Traditional or heritage-focused marketing materials
  • Earthy and natural UI/UX design themes

Suggested color roles

primary

Designate #965B35 as the grounding primary color for bold text, strong accents, or foundational elements, providing a deep, earthy anchor.

secondary

Utilize #C2845E for complementary sections, subheadings, or card backgrounds, adding a warm, inviting layer.

accent

Employ #D09A7F for subtle highlights, decorative elements, or secondary calls-to-action, offering a gentle contrast.

background

Choose #FAD6B4 for a soft, natural background that provides an airy yet warm base for content.

text

For optimal readability, use #965B35 for body text on lighter backgrounds like #FAD6B4, or a rich dark brown (#4F2F1F) for even stronger contrast.

Accessibility notes

  • Ensure sufficient contrast when placing #D09A7F text on #FAD6B4 backgrounds, as they are close in value.
  • For body text, #965B35 on #FAD6B4 provides good contrast; verify WCAG AA standards.
  • Use #C2845E for larger text elements or buttons against #FAD6B4 to ensure legibility.
  • Avoid using #E5AF8D for small text on light backgrounds due to potential low contrast.

Recommended combinations

Earthy Base

Ideal for content pages, with #FAD6B4 as the main background, #965B35 for primary text, and #C2845E for headings or key elements.

#FAD6B4 · #965B35 · #C2845E

Rustic Charm

Apply #E5AF8D for card backgrounds, #D09A7F for borders or subtle details, and #C2845E for interactive elements within the card.

#E5AF8D · #D09A7F · #C2845E

Warm Harvest

Use #FAD6B4 as a clean canvas, #965B35 for strong calls-to-action, and #C2845E for navigation items or secondary buttons.

#FAD6B4 · #965B35 · #C2845E

CSS variables

:root {
  --mediterranean-clay-harvest-1: #965B35;
  --mediterranean-clay-harvest-2: #C2845E;
  --mediterranean-clay-harvest-3: #E5AF8D;
  --mediterranean-clay-harvest-4: #FAD6B4;
  --mediterranean-clay-harvest-5: #D09A7F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mediterranean-clay-harvest": {
        1: "#965B35",
        2: "#C2845E",
        3: "#E5AF8D",
        4: "#FAD6B4",
        5: "#D09A7F",
      }
    }
  }
}

Related searches

mediterranean earth tonesclay color palette designrustic warm colors schemeharvest inspired brandingnatural terracotta hues

Palette colors

Hex values

Color 1#965B35
·
Color 2#C2845E
·
Color 3#E5AF8D
·
Color 4#FAD6B4
·
Color 5#D09A7F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.8:1Fail
4:1AA18
2.2:1Fail
2
1.8:1Fail
1.6:1Fail
2.3:1Fail
1.3:1Fail
3
2.8:1Fail
1.6:1Fail
1.4:1Fail
1.3:1Fail
4
4:1AA18
2.3:1Fail
1.4:1Fail
1.8:1Fail
5
2.2:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail

Similar palettes

More like Mediterranean Clay Harvest

View all earth
Mediterranean Clay Tile
Mediterranean Terra cotta
Rustic Tuscan Clay
Sunbaked Terracotta Dream
Aegean Village
Ancient Clay Pottery