Back to palettes

Palette

Santorini Villa Sun

Evokes the sun-drenched beauty of a Mediterranean village, with warm stone and ocean blues.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C4DDE2#F8F4E3#E6D0BA#B89B7F#8F6D55

Palette guide

How to use Santorini Villa Sun

Overview

The Santorini Villa Sun palette beautifully captures the tranquil essence of a Mediterranean village, blending sun-drenched warmth with serene ocean hues. Designers and developers can leverage its natural, rustic appeal to create inviting digital and physical spaces. Key colors include the soft sky blue #C4DDE2, a creamy wall white #F8F4E3, the warm stone #B89B7F, and the grounding deep earth #8F6D55. This palette is ideal for projects seeking an authentic, organic feel, offering a harmonious balance between cooler atmospheric tones and rich, earthy anchors. The mid-tone #E6D0BA provides a versatile link between the lighter and darker elements, ensuring smooth transitions and depth in any design application.

Best used for

  • Mediterranean-themed branding
  • Rustic interior design concepts
  • Travel and lifestyle blogs
  • Artisan product packaging
  • Spa and wellness retreat websites
  • Coastal living e-commerce stores

Suggested color roles

primary

A foundational warm stone, #B89B7F, perfect for main content areas, prominent buttons, or primary brand elements, evoking reliability and natural warmth.

secondary

A serene sky blue, #C4DDE2, ideal for secondary accents, backgrounds in hero sections, or UI elements that require a calming, expansive feel, contrasting beautifully with the warmer tones.

accent

A deep, grounding earth tone, #8F6D55, best used for impactful accents, strong calls-to-action, or important icons, providing a sense of depth and rustic elegance.

background

A soft, creamy off-white, #F8F4E3, that serves as an excellent primary background, offering a clean, airy canvas reminiscent of sunlit villa walls, ensuring high readability.

text

This rich, dark brown, #8F6D55, provides superb readability against lighter backgrounds like #F8F4E3, making it ideal for primary body text, headings, and crucial information.

Accessibility notes

  • Ensure sufficient contrast when pairing #C4DDE2 (light blue) with #F8F4E3 (off-white) for text; consider using darker palette colors for readability.
  • The deep #8F6D55 offers excellent contrast against #F8F4E3 and #C4DDE2 for text and crucial UI elements, meeting most WCAG AA standards.
  • For large blocks of text, use #8F6D55 on #F8F4E3 or #E6D0BA for optimal legibility and a comfortable reading experience.
  • Avoid using #E6D0BA on #B89B7F for small text or interactive elements due to potential low contrast; reserve for larger graphics or background patterns.

Recommended combinations

Coastal Calm

Ideal for serene website layouts, branding for wellness products, or light interior accents, creating an airy, inviting atmosphere.

#F8F4E3 · #C4DDE2 · #B89B7F

Earthen Depth

Perfect for rustic branding, editorial designs, or packaging where a rich, natural, and grounded feel is desired.

#E6D0BA · #B89B7F · #8F6D55

Sunlit Contrast

Effective for main content blocks, clear calls-to-action, or header sections, providing strong readability with a touch of fresh accent.

#F8F4E3 · #8F6D55 · #C4DDE2

CSS variables

:root {
  --santorini-villa-sun-1: #C4DDE2;
  --santorini-villa-sun-2: #F8F4E3;
  --santorini-villa-sun-3: #E6D0BA;
  --santorini-villa-sun-4: #B89B7F;
  --santorini-villa-sun-5: #8F6D55;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "santorini-villa-sun": {
        1: "#C4DDE2",
        2: "#F8F4E3",
        3: "#E6D0BA",
        4: "#B89B7F",
        5: "#8F6D55",
      }
    }
  }
}

Related searches

mediterranean blue and beige paletterustic earth tone color schemesantorini inspired web design colorsnatural warm and cool palettevilla aesthetic color combinations

Palette colors

Hex values

Color 1#C4DDE2
·
Color 2#F8F4E3
·
Color 3#E6D0BA
·
Color 4#B89B7F
·
Color 5#8F6D55
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1:1Fail
1.8:1Fail
3.3:1AA18
2
1.3:1Fail
1.4:1Fail
2.4:1Fail
4.2:1AA18
3
1:1Fail
1.4:1Fail
1.8:1Fail
3.1:1AA18
4
1.8:1Fail
2.4:1Fail
1.8:1Fail
1.8:1Fail
5
3.3:1AA18
4.2:1AA18
3.1:1AA18
1.8:1Fail

Similar palettes

More like Santorini Villa Sun

View all warm
Mediterranean Coastal Sun
Sun-Kissed Terracotta
Glazed Terracotta Pots
Sunbaked Terra Village
Sunbaked Terracotta Roofs
Terracotta Roof Sunset