Back to palettes

Palette

Aegean Coastline Bliss

The dazzling blues of the Aegean Sea contrasted with sun-baked sand and golden light.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aegean Coastline Bliss 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 Coastline Bliss.

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

Data visualization

#3F51B5#2196F3#81D4FA#FFC107#F57C00

Palette guide

How to use Aegean Coastline Bliss

Overview

The Aegean Coastline Bliss palette captures the dazzling blues of the Aegean Sea contrasted with sun-baked sand and golden light. This vibrant collection, featuring the deep #3F51B5 and bright #2196F3, alongside the luminous #81D4FA, is perfect for designs seeking an energetic, joyful, or Mediterranean aesthetic. The warm #FFC107 and fiery #F57C00 provide excellent versatility for creating dynamic accents, calls to action, or defining distinct UI elements. Designers and developers can leverage this palette for travel brands, summer events, or any project that benefits from a lively, refreshing, and authentic presence, ensuring a memorable and immersive user experience.

Best used for

  • Travel and tourism websites for Mediterranean destinations
  • Summer festival and event branding
  • Youth-oriented fashion and lifestyle e-commerce
  • Vibrant mobile app interfaces
  • Outdoor adventure and sports brands
  • Digital marketing campaigns with a cheerful vibe

Suggested color roles

primary

Use #3F51B5 as a deep, anchoring primary for backgrounds or foundational elements, evoking the deep sea.

secondary

Apply #2196F3 or #81D4FA for content blocks or secondary sections, offering vibrant blue depth.

accent

Introduce #FFC107 or #F57C00 as bright, energetic accents for interactive elements, highlights, or calls to action.

background

The lightest #81D4FA provides an excellent bright background, while #3F51B5 offers a profound dark base.

text

For dark backgrounds, use a crisp white or light blue like #81D4FA. For lighter backgrounds, a dark blue like #3F51B5 ensures readability.

Accessibility notes

  • Ensure strong contrast for text on deep blues like #3F51B5 and #2196F3; white text is crucial.
  • When pairing #FFC107 or #F57C00 with light blues, verify text contrast carefully, especially for smaller fonts.
  • The lightest color, #81D4FA, offers excellent contrast with the darkest #3F51B5 for primary text.
  • Use sufficient line height and clear typography to enhance readability within this vibrant and energetic scheme.

Recommended combinations

Sea & Sun

Creates a dynamic background or hero section, blending deep sea blues with a vibrant golden sun accent.

#3F51B5 · #2196F3 · #FFC107

Azure Pop

Pairs a light, airy blue background with a fiery orange accent and crisp black text for a high-energy, readable design.

#81D4FA · #F57C00 · #2196F3

Coastline Layers

Ideal for creating layered UI elements or subtle transitions, evoking the varied depths and surfaces of the Aegean Sea.

#3F51B5 · #2196F3 · #81D4FA

CSS variables

:root {
  --aegean-coastline-bliss-1: #3F51B5;
  --aegean-coastline-bliss-2: #2196F3;
  --aegean-coastline-bliss-3: #81D4FA;
  --aegean-coastline-bliss-4: #FFC107;
  --aegean-coastline-bliss-5: #F57C00;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aegean-coastline-bliss": {
        1: "#3F51B5",
        2: "#2196F3",
        3: "#81D4FA",
        4: "#FFC107",
        5: "#F57C00",
      }
    }
  }
}

Related searches

vibrant mediterranean paletteblue and orange color schemeaegean sea summer colorssunny coastal paletteenergetic blue gold

Palette colors

Hex values

Color 1#3F51B5
·
Color 2#2196F3
·
Color 3#81D4FA
·
Color 4#FFC107
·
Color 5#F57C00
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.2:1Fail
4.2:1AA18
4.2:1AA18
2.5:1Fail
2
2.2:1Fail
1.9:1Fail
1.9:1Fail
1.2:1Fail
3
4.2:1AA18
1.9:1Fail
1:1Fail
1.6:1Fail
4
4.2:1AA18
1.9:1Fail
1:1Fail
1.7:1Fail
5
2.5:1Fail
1.2:1Fail
1.6:1Fail
1.7:1Fail

Similar palettes

More like Aegean Coastline Bliss

View all vibrant
Sunny Amalfi Zest
Mediterranean Citrus Light
Mediterranean Coastal Art
Mediterranean Lemon Zest
Sunny Day Drive
Aurora Borealis