Back to palettes

Palette

Coastal Seaglass Shimmer

Soft, weathered blues and greens shimmer like sun-drenched fragments of glass on a peaceful shore.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Coastal Seaglass Shimmer 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 Coastal Seaglass Shimmer.

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

Data visualization

#C4E8EC#A4D2D6#88BCC0#68A6AA#488F94

Palette guide

How to use Coastal Seaglass Shimmer

Overview

The Coastal Seaglass Shimmer palette offers a luminous array of cool blues and greens, capturing the subtle sparkle of sun-drenched sea glass. From the ethereal #C4E8EC and #A4D2D6, through the balanced #88BCC0 and #68A6AA, to the grounding #488F94, this palette provides a cohesive gradient of refreshing tones. Designers can leverage this collection to create designs that feel both fresh and profound, evoking the serene and reflective qualities of coastal waters. It's particularly effective for projects that aim for a clean, natural, and subtly elegant aesthetic, perfect for conveying tranquility and depth.

Best used for

  • Environmental and nature-focused branding
  • Spa and wellness digital experiences
  • Sustainable fashion and textiles
  • Modern home decor and accessories
  • Ocean-themed apps and websites
  • Yoga studio marketing materials

Suggested color roles

primary

Utilize #88BCC0 as a dominant, balanced blue-green for main sections or branding elements.

secondary

Employ #A4D2D6 for secondary content blocks, navigation, or subtle graphical elements, adding lightness.

accent

Introduce #C4E8EC as a bright, ethereal accent for highlights, icons, or delicate decorative touches.

background

Choose #C4E8EC for a light, airy background, or #A4D2D6 for a slightly more saturated yet soft canvas.

text

Use #488F94 or #68A6AA for body text and headings for excellent readability against lighter palette colors.

Accessibility notes

  • The darker #488F94 provides excellent contrast for text on #C4E8EC, #A4D2D6, and #88BCC0.
  • Ensure sufficient contrast when using #C4E8EC for text on any background, as it is very light.
  • Avoid using #A4D2D6 for text on #88BCC0 backgrounds; opt for a darker or lighter contrasting color.
  • Check contrast ratios for all text pairings, especially for large blocks of content to ensure readability.

Recommended combinations

Shimmering Depths

Create a sophisticated, deep-to-light gradient for headers, main content, and bright accents in web design.

#488F94 · #68A6AA · #C4E8EC

Seafoam Glow

Ideal for clean, minimalist interfaces with a very light background, a soft mid-tone, and strong dark text.

#C4E8EC · #A4D2D6 · #488F94

Aqua Layers

Use for subtle visual layering, combining mid-tone blues and greens for depth and a lighter one for highlights.

#88BCC0 · #68A6AA · #A4D2D6

CSS variables

:root {
  --coastal-seaglass-shimmer-1: #C4E8EC;
  --coastal-seaglass-shimmer-2: #A4D2D6;
  --coastal-seaglass-shimmer-3: #88BCC0;
  --coastal-seaglass-shimmer-4: #68A6AA;
  --coastal-seaglass-shimmer-5: #488F94;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "coastal-seaglass-shimmer": {
        1: "#C4E8EC",
        2: "#A4D2D6",
        3: "#88BCC0",
        4: "#68A6AA",
        5: "#488F94",
      }
    }
  }
}

Related searches

cool green blue paletteshimmering sea glass colorstranquil aqua tonescalm coastal water palettefresh natural design

Palette colors

Hex values

Color 1#C4E8EC
·
Color 2#A4D2D6
·
Color 3#88BCC0
·
Color 4#68A6AA
·
Color 5#488F94
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.1:1Fail
2.9:1Fail
2
1.3:1Fail
1.3:1Fail
1.7:1Fail
2.3:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
2.1:1Fail
1.7:1Fail
1.3:1Fail
1.4:1Fail
5
2.9:1Fail
2.3:1Fail
1.8:1Fail
1.4:1Fail

Similar palettes

More like Coastal Seaglass Shimmer

View all cool
Alpine Lake Serene
Coastal Seafoam Whisper
Hushed Alpine Lake
Koi Water Garden
Mint Glacial Stream
Seafoam Whisper Shores