Back to palettes

Palette

Aegean Coast Serenity

Reflects the tranquil beauty of the Aegean sea with its serene blues, sun-baked terracotta, and white stucco architecture.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aegean Coast Serenity 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 Coast Serenity.

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

Data visualization

#EBEBEB#80A0B0#C0D0E0#F2AA6B#D9734D

Palette guide

How to use Aegean Coast Serenity

Overview

The Aegean Coast Serenity palette reflects the tranquil beauty of the Aegean Sea, blending serene blues with sun-baked terracotta and crisp white stucco architecture. This collection, featuring the clean #EBEBEB and soft #80A0B0, alongside the warm #F2AA6B and deep #D9734D, is perfect for designs seeking a calm, refreshing, or Mediterranean aesthetic. The cool #C0D0E0 provides excellent versatility for creating gradients, layered backgrounds, or defining distinct UI elements. Designers and developers can leverage this palette for travel brands, wellness products, or any project that benefits from an inviting, tranquil, and authentic presence, ensuring a soothing and memorable user experience.

Best used for

  • Mediterranean travel and tourism websites
  • Spa and wellness retreat branding
  • Coastal living and interior design
  • Summer fashion and swimwear e-commerce
  • Organic food and natural product packaging
  • Relaxation and mindfulness apps

Suggested color roles

primary

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

secondary

Apply #80A0B0 or #C0D0E0 for content blocks or secondary sections, offering subtle blue depth.

accent

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

background

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

text

For lighter backgrounds, use a dark blue like #80A0B0, a dark orange like #D9734D, or charcoal. For #D9734D, a crisp white ensures readability.

Accessibility notes

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

Recommended combinations

Coastal Harmony

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

#EBEBEB · #80A0B0 · #F2AA6B

Sunset Terracotta

Creates a warm, earthy background with a lighter accent and crisp white text for a vibrant and readable design.

#D9734D · #F2AA6B · #80A0B0

Azure Calm

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

#80A0B0 · #C0D0E0 · #EBEBEB

CSS variables

:root {
  --aegean-coast-serenity-1: #EBEBEB;
  --aegean-coast-serenity-2: #80A0B0;
  --aegean-coast-serenity-3: #C0D0E0;
  --aegean-coast-serenity-4: #F2AA6B;
  --aegean-coast-serenity-5: #D9734D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aegean-coast-serenity": {
        1: "#EBEBEB",
        2: "#80A0B0",
        3: "#C0D0E0",
        4: "#F2AA6B",
        5: "#D9734D",
      }
    }
  }
}

Related searches

aegean blue terracottamediterranean tranquil palettecoastal serenity colorswhite and orange bluesummer calm aesthetic

Palette colors

Hex values

Color 1#EBEBEB
·
Color 2#80A0B0
·
Color 3#C0D0E0
·
Color 4#F2AA6B
·
Color 5#D9734D
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
1.3:1Fail
1.6:1Fail
2.7:1Fail
2
2.3:1Fail
1.8:1Fail
1.4:1Fail
1.2:1Fail
3
1.3:1Fail
1.8:1Fail
1.2:1Fail
2:1Fail
4
1.6:1Fail
1.4:1Fail
1.2:1Fail
1.6:1Fail
5
2.7:1Fail
1.2:1Fail
2:1Fail
1.6:1Fail

Similar palettes

More like Aegean Coast Serenity

View all cool
Azure Coastline Calm
Azure Lagoon Drift
Ceramic Glaze Ocean
Cerulean Coast Dream
Coastal Fog Drift
Coastal Haze