Back to palettes

Palette

Mediterranean Stone House

The sun-warmed, earthy tones of old stone walls and clay roofs under a Mediterranean sky.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mediterranean Stone House 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 Stone House.

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

Data visualization

#EDE0D4#C7B29F#A38C7A#806B5B#604F43

Palette guide

How to use Mediterranean Stone House

Overview

The Mediterranean Stone House palette beautifully captures the warm, earthy tones of old stone walls and clay roofs under a Mediterranean sky. This rich collection ranges from the light, airy #EDE0D4, through the rustic mid-tones of #C7B29F, #A38C7A, and #806B5B, to the deep, grounding #604F43. It exudes a sense of history, warmth, and natural elegance. Designers can create inviting and authentic digital experiences, while developers will find these shades ideal for establishing clear visual hierarchy and a comfortable, grounded user experience across various web and app components.

Best used for

  • Architecture and interior design firms
  • Rustic home decor and furniture e-commerce
  • Historical or cultural heritage websites
  • Artisan crafts and handmade product showcases
  • Coffee shops or traditional restaurant branding
  • Travel blogs focusing on historical destinations

Suggested color roles

primary

A deep, grounding brown, #604F43 is perfect for main headings, brand logos, or prominent call-to-action buttons, conveying stability and authenticity.

secondary

A rich, mid-tone brown, #806B5B is excellent for subheadings, navigation links, or important data points, ensuring good readability.

accent

A lighter, warm tan, #A38C7A is ideal for interactive elements like hover states, subtle graphical accents, or to add a touch of warmth.

background

A very light, creamy beige, #EDE0D4 provides a soft, natural canvas, enhancing the palette's warm and inviting feel.

text

Use the darkest brown, #604F43, for body text on the light background #EDE0D4 to ensure optimal contrast and legibility.

Accessibility notes

  • Ensure #C7B29F is not used for small text on #EDE0D4 due to potential low contrast.
  • #604F43 and #806B5B provide excellent contrast for text on #EDE0D4.
  • For interactive elements, use #806B5B or #A38C7A to ensure they are easily distinguishable.
  • Always check WCAG guidelines for color combinations, especially for text and UI elements.

Recommended combinations

Stone Foundation

Deep brown for strong headings on a light beige background, with a mid-brown for supporting text or links.

#604F43 · #EDE0D4 · #806B5B

Sun-Warmed Wall

A subtle, gradient effect for background sections or layered cards, creating a natural, weathered depth.

#806B5B · #A38C7A · #C7B29F

Rustic Charm

Light background with dark text, accented by a warm tan for interactive elements or visual cues.

#EDE0D4 · #604F43 · #A38C7A

CSS variables

:root {
  --mediterranean-stone-house-1: #EDE0D4;
  --mediterranean-stone-house-2: #C7B29F;
  --mediterranean-stone-house-3: #A38C7A;
  --mediterranean-stone-house-4: #806B5B;
  --mediterranean-stone-house-5: #604F43;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mediterranean-stone-house": {
        1: "#EDE0D4",
        2: "#C7B29F",
        3: "#A38C7A",
        4: "#806B5B",
        5: "#604F43",
      }
    }
  }
}

Related searches

mediterranean earth tone paletterustic stone house colorswarm neutral web designnatural brown beige schemeauthentic earthy palette

Palette colors

Hex values

Color 1#EDE0D4
·
Color 2#C7B29F
·
Color 3#A38C7A
·
Color 4#806B5B
·
Color 5#604F43
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.5:1Fail
3.9:1AA18
6:1AA
2
1.6:1Fail
1.6:1Fail
2.5:1Fail
3.8:1AA18
3
2.5:1Fail
1.6:1Fail
1.6:1Fail
2.4:1Fail
4
3.9:1AA18
2.5:1Fail
1.6:1Fail
1.5:1Fail
5
6:1AA
3.8:1AA18
2.4:1Fail
1.5:1Fail

Similar palettes

More like Mediterranean Stone House

View all earth
Archaeological Dig Earth
Mediterranean Villa Stone
Quarry Stone Textures
Aegean Cliffside Home
Aegean Faded Fresco
Aegean Village