Back to palettes

Palette

Sunny Mediterranean Vista

A bright and airy palette inspired by sun-drenched white architecture and the vivid blues of the Aegean Sea.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunny Mediterranean Vista 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 Sunny Mediterranean Vista.

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

Data visualization

#87CEEB#F0F8FF#6495ED#B0E0E6#FFE4B5

Palette guide

How to use Sunny Mediterranean Vista

Overview

The Sunny Mediterranean Vista palette embodies the serene beauty of sun-drenched coastal landscapes, featuring a refreshing blend of cool blues and a touch of warm sand. Sky Blue (#87CEEB) and Cornflower Blue (#6495ED) evoke the deep, clear waters and expansive skies of the Aegean. Powder Blue (#B0E0E6) offers a lighter, airy touch, while the pristine Alice Blue (#F0F8FF) represents crisp white architecture. A gentle Moccasin (#FFE4B5) provides a grounding warmth, reminiscent of sandy beaches or sun-baked earth. This palette is perfect for designs aiming to convey calm, cleanliness, and a relaxed, elegant sophistication.

Best used for

  • Travel and hospitality branding (especially coastal resorts)
  • Spa and wellness retreat marketing materials
  • Nautical or seaside-themed home decor
  • Clean and minimalist web design
  • Elegant event invitations (e.g., beach weddings)
  • Architectural and interior design presentations

Suggested color roles

primary

Use #6495ED (Cornflower Blue) as a strong, calming primary color to represent depth and elegance in your designs.

secondary

Apply #87CEEB (Sky Blue) as a refreshing secondary, ideal for conveying openness, clarity, or as a lighter contrasting blue.

accent

Introduce #FFE4B5 (Moccasin) as a subtle, warm accent, perfect for adding a touch of sun-kissed warmth or gentle highlight.

background

Utilize #F0F8FF (Alice Blue) as the primary background color, providing a crisp, clean, and airy canvas.

text

For optimal readability, use a deep navy blue, a dark charcoal gray, or black. White text works beautifully on #6495ED and #87CEEB.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using light blues like #B0E0E6 or #F0F8FF for text.
  • Avoid pairing #F0F8FF (Alice Blue) with #B0E0E6 (Powder Blue) for text/background due to minimal contrast.
  • Darker blues like #6495ED (Cornflower Blue) provide excellent contrast for white or light-colored text.
  • Always verify WCAG contrast ratios, particularly for interactive elements and critical information.

Recommended combinations

Aegean Breeze

Ideal for elegant headers or clean content areas, evoking sea and sky.

#6495ED · #F0F8FF · #87CEEB

Coastal Warmth

Excellent for subtle accents or grounding elements, adding a touch of sun-baked earth.

#FFE4B5 · #B0E0E6 · #6495ED

Sky & Shore

Effective for serene backgrounds or inviting call-outs, capturing a tranquil vista.

#87CEEB · #F0F8FF · #FFE4B5

CSS variables

:root {
  --sunny-mediterranean-vista-1: #87CEEB;
  --sunny-mediterranean-vista-2: #F0F8FF;
  --sunny-mediterranean-vista-3: #6495ED;
  --sunny-mediterranean-vista-4: #B0E0E6;
  --sunny-mediterranean-vista-5: #FFE4B5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunny-mediterranean-vista": {
        1: "#87CEEB",
        2: "#F0F8FF",
        3: "#6495ED",
        4: "#B0E0E6",
        5: "#FFE4B5",
      }
    }
  }
}

Related searches

mediterranean blue white palettecalm coastal color schemeclean serene design colorstravel resort brand palettenautical elegant hues

Palette colors

Hex values

Color 1#87CEEB
·
Color 2#F0F8FF
·
Color 3#6495ED
·
Color 4#B0E0E6
·
Color 5#FFE4B5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1.7:1Fail
1.2:1Fail
1.4:1Fail
2
1.6:1Fail
2.8:1Fail
1.3:1Fail
1.2:1Fail
3
1.7:1Fail
2.8:1Fail
2.1:1Fail
2.4:1Fail
4
1.2:1Fail
1.3:1Fail
2.1:1Fail
1.2:1Fail
5
1.4:1Fail
1.2:1Fail
2.4:1Fail
1.2:1Fail

Similar palettes

More like Sunny Mediterranean Vista

View all cool
Aegean Horizon
Aegean Sea Serene
Arctic Sky Whisper
Aegean Coastline Calm
Aegean Isle Horizon
Agate Grotto