Back to palettes

Palette

Aegean Cliffside Home

Captures the serene beauty of whitewashed homes clinging to a sun-drenched cliffside overlooking the Aegean Sea.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aegean Cliffside Home 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 Aegean Cliffside Home.

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

Data visualization

#F4F4F4#C8D9E3#82B2CB#D36C56#778C5E

Palette guide

How to use Aegean Cliffside Home

Overview

The Aegean Cliffside Home palette captures the serene beauty of whitewashed homes clinging to a sun-drenched cliffside overlooking the Aegean Sea. Featuring the clean #F4F4F4 and soft #C8D9E3, alongside the deep #82B2CB, this collection is perfect for designs seeking a natural, rustic, or Mediterranean aesthetic. The warm #D36C56 provides a pop of terracotta, while #778C5E offers a touch of earthy green. Designers and developers can leverage this palette for travel brands, home decor, or any project that benefits from an inviting, tranquil, and authentic presence, ensuring a soothing and memorable user experience with a touch of Mediterranean charm.

Best used for

  • Mediterranean travel and tourism websites
  • Coastal resort and hotel branding
  • Home decor and architectural design
  • Artisanal craft e-commerce stores
  • Nature-inspired blogs or portfolios
  • Rustic wedding invitations or event branding

Suggested color roles

primary

Use #F4F4F4 as a clean, airy primary for backgrounds or large content areas, evoking whitewashed walls.

secondary

Apply #C8D9E3 or #82B2CB for content blocks or secondary sections, offering subtle blue depth.

accent

Introduce #D36C56 as a warm, earthy accent for interactive elements, highlights, or decorative details, adding character.

background

The lightest #F4F4F4 provides an excellent clean, airy background, while #C8D9E3 offers a soft, sky-like base.

text

For lighter backgrounds, use a dark blue like #82B2CB, a dark green like #778C5E, or charcoal. For #82B2CB, a crisp white ensures readability.

Accessibility notes

  • Ensure good contrast for text when using #C8D9E3 or #D36C56 on backgrounds; dark text is often best.
  • The lightest color, #F4F4F4, offers excellent contrast with the darkest #82B2CB for primary text.
  • Avoid using #C8D9E3 for small text on #F4F4F4; larger headings might work but verify contrast.
  • Prioritize clear typography and ample white space to enhance readability and maintain the serene aesthetic.

Recommended combinations

Cliffside View

Pairs a crisp white background with a clear blue and warm terracotta accent for a fresh, inviting coastal feel.

#F4F4F4 · #82B2CB · #D36C56

Mediterranean Earth

Creates a natural green background with a soft blue accent, ensuring legibility with dark text.

#778C5E · #C8D9E3 · #82B2CB

Azure Harmony

Ideal for creating soft, atmospheric backgrounds or subtle transitions, evoking the sky and sea.

#82B2CB · #C8D9E3 · #F4F4F4

CSS variables

:root {
  --aegean-cliffside-home-1: #F4F4F4;
  --aegean-cliffside-home-2: #C8D9E3;
  --aegean-cliffside-home-3: #82B2CB;
  --aegean-cliffside-home-4: #D36C56;
  --aegean-cliffside-home-5: #778C5E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aegean-cliffside-home": {
        1: "#F4F4F4",
        2: "#C8D9E3",
        3: "#82B2CB",
        4: "#D36C56",
        5: "#778C5E",
      }
    }
  }
}

Related searches

mediterranean coastal palettewhitewashed blue terracottagreek island home colorsrustic natural bluecliffside aesthetic palette

Palette colors

Hex values

Color 1#F4F4F4
·
Color 2#C8D9E3
·
Color 3#82B2CB
·
Color 4#D36C56
·
Color 5#778C5E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.1:1Fail
3.2:1AA18
3.4:1AA18
2
1.3:1Fail
1.6:1Fail
2.4:1Fail
2.5:1Fail
3
2.1:1Fail
1.6:1Fail
1.5:1Fail
1.6:1Fail
4
3.2:1AA18
2.4:1Fail
1.5:1Fail
1.1:1Fail
5
3.4:1AA18
2.5:1Fail
1.6:1Fail
1.1:1Fail

Similar palettes

More like Aegean Cliffside Home

View all earth
Aegean Village
Coastal Pottery Glaze
Mediterranean Clay Roof
Mediterranean Olive Grove
Terra Cotta Grapes
Tuscan Village Path