Back to palettes

Palette

Mediterranean Villa Dawn

Earthy tones from sun-warmed stone blend with serene sea blues, evoking a peaceful Mediterranean morning.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D9C3A1#B89A7E#8C6E5E#5B8A87#3F5E64

Palette guide

How to use Mediterranean Villa Dawn

Overview

The "Mediterranean Villa Dawn" palette captures the peaceful transition from night to morning in a serene coastal setting. It blends earthy, sun-warmed stone tones like #D9C3A1 and #B89A7E with deeper, tranquil blues and greens such as #5B8A87 and #3F5E64, all grounded by the rich #8C6E5E. This palette is excellent for designers seeking to evoke a sense of calm, natural balance, and understated sophistication. It's ideal for projects that require a grounded yet refreshing aesthetic, perfect for interior design concepts, wellness branding, or digital interfaces that promote tranquility and natural harmony.

Best used for

  • Wellness and spa branding
  • Eco-tourism websites
  • Interior design for living spaces
  • Mindfulness or meditation apps
  • Organic product packaging
  • Boutique hotel branding

Suggested color roles

primary

Use #3F5E64 (Deep Teal) as a strong, grounding primary for headers, navigation, or key brand elements, conveying calm and depth.

secondary

Employ #5B8A87 (Dusty Teal) for subheadings, active states, or graphic elements, providing a serene contrast and expanding the cool appeal.

accent

Apply #8C6E5E (Warm Brown) sparingly for subtle highlights, interactive elements, or decorative flourishes to add an earthy, grounding touch.

background

Utilize #D9C3A1 (Light Beige) or #B89A7E (Mid Beige) as a soft, neutral backdrop for main content areas, ensuring excellent readability and a natural feel.

text

For primary body text, use #3F5E64 (Deep Teal) or a dark brown/charcoal on light backgrounds like #D9C3A1. For headings on darker backgrounds, #D9C3A1 works well.

Accessibility notes

  • Ensure #3F5E64 or a dark charcoal has sufficient contrast against #D9C3A1 for body text readability (WCAG AA standard).
  • The mid-tones like #5B8A87 and #8C6E5E may have insufficient contrast for small text on #D9C3A1; reserve them for larger display text or graphics.
  • Avoid using #B89A7E as text on #D9C3A1 for critical information due to potential low contrast and legibility issues.
  • Prioritize strong contrast for interactive elements against any background, especially when pairing similar earthy tones.

Recommended combinations

Morning Serenity

Ideal for creating a calm, balanced aesthetic in web layouts, branding, or interior design, blending cool and warm tones.

#3F5E64 · #5B8A87 · #D9C3A1

Earthy Ground

Perfect for backgrounds, textural elements, or sections that require a natural, grounded feel with subtle warmth.

#8C6E5E · #B89A7E · #D9C3A1

Coastal Balance

Suitable for subtle illustrations, decorative elements, or UI components that need a harmonious blend of natural stone and sea colors.

#D9C3A1 · #5B8A87 · #8C6E5E

CSS variables

:root {
  --mediterranean-villa-dawn-1: #D9C3A1;
  --mediterranean-villa-dawn-2: #B89A7E;
  --mediterranean-villa-dawn-3: #8C6E5E;
  --mediterranean-villa-dawn-4: #5B8A87;
  --mediterranean-villa-dawn-5: #3F5E64;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mediterranean-villa-dawn": {
        1: "#D9C3A1",
        2: "#B89A7E",
        3: "#8C6E5E",
        4: "#5B8A87",
        5: "#3F5E64",
      }
    }
  }
}

Related searches

mediterranean earth blue palettevilla dawn color schemecalm nature branding colorspeaceful rustic paletteearthy teal color ideas

Palette colors

Hex values

Color 1#D9C3A1
·
Color 2#B89A7E
·
Color 3#8C6E5E
·
Color 4#5B8A87
·
Color 5#3F5E64
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.7:1Fail
2.3:1Fail
4.1:1AA18
2
1.5:1Fail
1.8:1Fail
1.5:1Fail
2.7:1Fail
3
2.7:1Fail
1.8:1Fail
1.2:1Fail
1.5:1Fail
4
2.3:1Fail
1.5:1Fail
1.2:1Fail
1.8:1Fail
5
4.1:1AA18
2.7:1Fail
1.5:1Fail
1.8:1Fail

Similar palettes

More like Mediterranean Villa Dawn

View all earth
Mediterranean Clay Roof
Aegean Cliffside Home
Aegean Village
Ancient Clay Vessel
Ancient Desert Tapestry
Archaeological Dig Earth