Back to palettes

Palette

Aegean Shoreline Treasures

Shimmering blues and greens reflect the tranquil beauty of sea glass washed ashore on a Mediterranean beach.

Coolcalm5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Aegean Shoreline Treasures 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 Shoreline Treasures.

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

Data visualization

#008B8B#20B2AA#4682B4#87CEEB#F0F8FF

Palette guide

How to use Aegean Shoreline Treasures

Overview

The Aegean Shoreline Treasures palette features shimmering blues and greens, reflecting the tranquil beauty of sea glass washed ashore on a Mediterranean beach. This refreshing cool collection includes a deep teal #008B8B, a vibrant aquamarine #20B2AA, a classic steel blue #4682B4, a light sky blue #87CEEB, and a crisp off-white #F0F8FF. It's perfect for designers aiming to convey freshness, natural beauty, and a sense of discovery. Developers will find these distinct hex codes versatile for creating inviting interfaces, eco-friendly branding, and content that evokes the calm of the sea.

Best used for

  • Coastal gift shop branding
  • Eco-conscious product lines
  • Beach house interior design
  • Summer event promotions
  • Jewelry design inspiration
  • Nature-themed digital artwork

Suggested color roles

primary

Use #4682B4 as a solid primary for main headings or key brand elements, grounding the palette.

secondary

Employ #20B2AA for secondary information, subheadings, or interactive elements, adding a vibrant touch.

accent

Apply #008B8B sparingly for impactful calls to action or important details, providing deep contrast.

background

Utilize #F0F8FF for clean, expansive backgrounds, mimicking clear skies or pristine sand.

text

A dark charcoal or black on #F0F8FF ensures readability, while white text on #008B8B is highly effective.

Accessibility notes

  • Ensure sufficient contrast for text on #F0F8FF; a dark color like #008B8B or black is necessary.
  • Avoid using #87CEEB for text against #F0F8FF as the contrast will be insufficient.
  • White text on #008B8B and #4682B4 should meet WCAG AA contrast standards.
  • For interactive elements, ensure color changes are distinct enough for users with color vision deficiencies.

Recommended combinations

Sea Glass Blend

For gradients or layered elements, reflecting the varied hues of sea glass.

#008B8B · #20B2AA · #4682B4

Shoreline Breeze

Ideal for header sections or backgrounds, blending sky, distant sea, and off-white.

#F0F8FF · #87CEEB · #4682B4

Deep Water Anchor

Effective for distinct content blocks, offering a strong contrast against a light background.

#F0F8FF · #008B8B · #4682B4

CSS variables

:root {
  --aegean-shoreline-treasures-1: #008B8B;
  --aegean-shoreline-treasures-2: #20B2AA;
  --aegean-shoreline-treasures-3: #4682B4;
  --aegean-shoreline-treasures-4: #87CEEB;
  --aegean-shoreline-treasures-5: #F0F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "aegean-shoreline-treasures": {
        1: "#008B8B",
        2: "#20B2AA",
        3: "#4682B4",
        4: "#87CEEB",
        5: "#F0F8FF",
      }
    }
  }
}

Related searches

sea glass color palettemediterranean blue greencoastal cool huesrefreshing ocean colorstranquil shoreline palette

Palette colors

Hex values

Color 1#008B8B
·
Color 2#20B2AA
·
Color 3#4682B4
·
Color 4#87CEEB
·
Color 5#F0F8FF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
1:1Fail
2.4:1Fail
3.9:1AA18
2
1.6:1Fail
1.6:1Fail
1.5:1Fail
2.4:1Fail
3
1:1Fail
1.6:1Fail
2.4:1Fail
3.8:1AA18
4
2.4:1Fail
1.5:1Fail
2.4:1Fail
1.6:1Fail
5
3.9:1AA18
2.4:1Fail
3.8:1AA18
1.6:1Fail

Similar palettes

More like Aegean Shoreline Treasures

View all Cool
Ocean Shoreline Spray
Icy Nordic Fjords
Bamboo Garden Calm
Dreamy Cloudscape Blues
Frozen Tundra Calm
Glacial Lake Tranquil