Back to palettes

Palette

Mediterranean Villa Stone

Sun-baked browns and creams, like the ancient stone walls of a peaceful villa.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#F5DEB3#D2B48C#A0522D#8B4513#CD853F

Palette guide

How to use Mediterranean Villa Stone

Overview

The "Mediterranean Villa Stone" palette is a rich, earthy collection inspired by the sun-baked stone walls and natural materials of ancient villas. It features a warm spectrum of browns and creams, from the light #F5DEB3 (Wheat) and #D2B48C (Tan) to the deeper, robust #A0522D (Sienna) and #8B4513 (Saddle Brown), complemented by the inviting #CD853F (Peru). This palette is excellent for designers seeking to evoke a sense of history, authenticity, and enduring comfort. It's ideal for projects that require a grounded, rustic, yet sophisticated aesthetic, perfect for architectural branding, heritage sites, or organic product design.

Best used for

  • Architectural firms specializing in traditional design
  • Historic landmark websites or publications
  • E-commerce for natural stone products
  • Rustic home decor branding
  • Winery and vineyard branding
  • Luxury villa rental marketing

Suggested color roles

primary

Use #8B4513 (Saddle Brown) as a strong, foundational primary for headers, brand logos, or key interactive elements, conveying stability and tradition.

secondary

Employ #A0522D (Sienna) for subheadings, navigation, or background sections, providing depth and an inviting, earthy feel.

accent

Apply #CD853F (Peru) sparingly for call-to-action buttons, highlights, or decorative flourishes to add a warm, approachable emphasis.

background

Utilize #F5DEB3 (Wheat) or #D2B48C (Tan) as a light, neutral backdrop for main content areas, ensuring excellent readability and a natural feel.

text

For primary body text, use #8B4513 (Saddle Brown) or a dark charcoal on light backgrounds like #F5DEB3. For headings on darker backgrounds, #F5DEB3 works well.

Accessibility notes

  • Ensure #8B4513 or a dark charcoal has strong contrast against #F5DEB3 for body text readability (WCAG AA standard).
  • The mid-tones like #A0522D and #CD853F may have insufficient contrast for small text on #D2B48C; reserve them for larger display text or graphics.
  • Avoid using #D2B48C as text on #F5DEB3 for critical information due to very low contrast and legibility issues.
  • Prioritize strong contrast for interactive elements against any background, especially when using similar light brown tones.

Recommended combinations

Stone Foundation

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

#8B4513 · #A0522D · #F5DEB3

Sun-Warmed Textures

Perfect for backgrounds, subtle patterns, or elements that require a natural, sun-baked feel with depth and warmth.

#D2B48C · #CD853F · #A0522D

Villa Accents

Suitable for subtle illustrations, decorative borders, or UI components that need a harmonious blend of light stone and rich brown.

#F5DEB3 · #CD853F · #8B4513

CSS variables

:root {
  --mediterranean-villa-stone-1: #F5DEB3;
  --mediterranean-villa-stone-2: #D2B48C;
  --mediterranean-villa-stone-3: #A0522D;
  --mediterranean-villa-stone-4: #8B4513;
  --mediterranean-villa-stone-5: #CD853F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mediterranean-villa-stone": {
        1: "#F5DEB3",
        2: "#D2B48C",
        3: "#A0522D",
        4: "#8B4513",
        5: "#CD853F",
      }
    }
  }
}

Related searches

mediterranean stone paletteearthy brown cream colorsrustic villa color schemesunbaked architectural palettenatural wood stone branding

Palette colors

Hex values

Color 1#F5DEB3
·
Color 2#D2B48C
·
Color 3#A0522D
·
Color 4#8B4513
·
Color 5#CD853F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
4.3:1AA18
5.4:1AA
2.3:1Fail
2
1.5:1Fail
2.8:1Fail
3.6:1AA18
1.5:1Fail
3
4.3:1AA18
2.8:1Fail
1.3:1Fail
1.9:1Fail
4
5.4:1AA
3.6:1AA18
1.3:1Fail
2.4:1Fail
5
2.3:1Fail
1.5:1Fail
1.9:1Fail
2.4:1Fail

Similar palettes

More like Mediterranean Villa Stone

View all earth
Mediterranean Stone House
Aged Manuscript Bindings
Ancient Clay Vessel
Archaeological Dig Earth
Artisan Clay Vessel
Aztec Temple Sands