Back to palettes

Palette

Mediterranean Villa Sun

Captures the sun-bleached stone and serene atmosphere of a peaceful Mediterranean villa.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D9D2D0#C2C5BE#A0A5A7#E1E8E6#888C8D

Palette guide

How to use Mediterranean Villa Sun

Overview

The "Mediterranean Villa Sun" palette captures the serene, sun-bleached atmosphere of a peaceful Mediterranean villa. This neutral collection features a subtle range of cool grays and near-whites, including #D9D2D0, #C2C5BE, #A0A5A7, and #E1E8E6, anchored by the slightly deeper #888C8D. This palette is excellent for designers seeking to evoke a sense of calm, elegance, and understated sophistication. It's ideal for projects that require a minimalist, clean, yet inviting aesthetic, perfect for luxury branding, modern architectural designs, or digital interfaces that prioritize clarity and tranquility.

Best used for

  • Luxury real estate marketing
  • Minimalist website and UI design
  • High-end interior design concepts
  • Art gallery or museum branding
  • Spa and wellness digital presence
  • Sustainable fashion e-commerce

Suggested color roles

primary

Use #A0A5A7 (Medium Gray) or #888C8D (Dark Gray) as a grounding primary for headers, navigation, or key brand elements, conveying stability and sophistication.

secondary

Employ #C2C5BE (Light Gray) for subheadings, active states, or subtle graphic elements, providing a gentle contrast and expanding the serene appeal.

accent

Apply #888C8D (Dark Gray) sparingly for subtle highlights, interactive elements, or decorative flourishes to add a touch of understated depth.

background

Utilize #E1E8E6 (Very Light Gray) or #D9D2D0 (Light Beige Gray) as a clean, expansive backdrop for main content areas, ensuring excellent readability and an airy feel.

text

For primary body text, use #888C8D (Dark Gray) or black on light backgrounds like #E1E8E6. For headings on darker backgrounds, #E1E8E6 or white works well.

Accessibility notes

  • Ensure #888C8D or black has excellent contrast against #E1E8E6 or #D9D2D0 for all body text (WCAG AA standard).
  • The lighter grays (#D9D2D0, #C2C5BE, #E1E8E6) will have insufficient contrast for text on each other; use them for backgrounds or large graphical elements.
  • Avoid using #A0A5A7 as text on #C2C5BE for critical information due to low contrast; reserve for larger display text.
  • Prioritize strong contrast for interactive elements and form fields, especially when relying on a subtle, neutral palette to ensure usability.

Recommended combinations

Calm Foundation

Ideal for establishing a minimalist, sophisticated brand identity or for creating a clean, tranquil visual theme with clear hierarchy.

#888C8D · #A0A5A7 · #E1E8E6

Sun-Bleached Stone

Perfect for backgrounds, subtle textural elements, or sections that require a soft, airy, and expansive feel, mimicking natural stone.

#D9D2D0 · #C2C5BE · #E1E8E6

Modern Contrast

Suitable for clean headlines, interactive components, or graphical elements that demand attention with subtle yet effective contrast.

#E1E8E6 · #888C8D · #A0A5A7

CSS variables

:root {
  --mediterranean-villa-sun-1: #D9D2D0;
  --mediterranean-villa-sun-2: #C2C5BE;
  --mediterranean-villa-sun-3: #A0A5A7;
  --mediterranean-villa-sun-4: #E1E8E6;
  --mediterranean-villa-sun-5: #888C8D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mediterranean-villa-sun": {
        1: "#D9D2D0",
        2: "#C2C5BE",
        3: "#A0A5A7",
        4: "#E1E8E6",
        5: "#888C8D",
      }
    }
  }
}

Related searches

mediterranean neutral palettesun bleached stone colorscalm villa color schememinimalist gray beige paletteluxury architectural colors

Palette colors

Hex values

Color 1#D9D2D0
·
Color 2#C2C5BE
·
Color 3#A0A5A7
·
Color 4#E1E8E6
·
Color 5#888C8D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.7:1Fail
1.2:1Fail
2.3:1Fail
2
1.2:1Fail
1.4:1Fail
1.4:1Fail
1.9:1Fail
3
1.7:1Fail
1.4:1Fail
2:1Fail
1.4:1Fail
4
1.2:1Fail
1.4:1Fail
2:1Fail
2.7:1Fail
5
2.3:1Fail
1.9:1Fail
1.4:1Fail
2.7:1Fail

Similar palettes

More like Mediterranean Villa Sun

View all neutral
Ancient Stone Path
Gentle River Stones
Mindful Stone Serenity
River Stone Calm
River Stone Harmony
River Stone Mosaic