Back to palettes

Palette

Sea Glass Shimmer

The gentle, frosted colors of ocean-tumbled sea glass, soothing and iridescent.

PastelCalm5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sea Glass 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 Sea Glass Shimmer.

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

Data visualization

#8FBC8F#A2D4D8#B0E0E6#AFEEEE#E0FFFF

Palette guide

How to use Sea Glass Shimmer

Overview

The 'Sea Glass Shimmer' palette captures the gentle, frosted colors of ocean-tumbled sea glass, offering a soothing and iridescent collection of blue-greens. From the soft green of #8FBC8F to the ethereal light blue of #E0FFFF, this palette is ideal for designers and developers aiming to create calm, refreshing, and delicate digital experiences. The harmonious blend of #A2D4D8, #B0E0E6, and #AFEEEE provides excellent options for subtle depth and visual interest, evoking a sense of tranquility and natural beauty across various applications.

Best used for

  • Spa and wellness brand identities
  • Baby and children's product design
  • Serene web interfaces for lifestyle blogs
  • Environmental awareness campaigns
  • Soft photography backgrounds and filters
  • Calming mobile app themes

Suggested color roles

primary

Use #8FBC8F as a dominant, soft green for main content areas or primary calls-to-action, setting a gentle, natural tone.

secondary

Incorporate #A2D4D8 for supportive elements, subheadings, or card backgrounds, offering a cool, harmonious blue-green.

accent

Apply #AFEEEE for subtle highlights, interactive states, or delicate icons, adding a touch of ethereal shimmer.

background

Utilize #E0FFFF as the primary background color for an airy, expansive canvas, ensuring excellent readability for darker text.

text

For optimal readability, use a dark charcoal or a deep teal (e.g., #333333 or #2F4F4F) for text against these light pastel shades.

Accessibility notes

  • Ensure high contrast for text by using dark colors (e.g., black or charcoal) on lighter palette shades like #E0FFFF and #B0E0E6.
  • Avoid using #AFEEEE or #B0E0E6 for small text on #E0FFFF backgrounds due to potential low contrast; reserve for larger titles.
  • Verify contrast ratios for interactive elements to meet WCAG standards, especially with lighter blues and greens.
  • Consider increasing font size or weight when placing text with #8FBC8F on an #A2D4D8 background for improved legibility.

Recommended combinations

Light Reflection

An ethereal background with a soft green primary and a cool blue-green secondary, creating a gentle and refreshing feel.

#E0FFFF · #8FBC8F · #A2D4D8

Frosted Depths

Ideal for subtle gradients or layered elements, moving from a light blue background to an even lighter accent, with a soft green detail.

#B0E0E6 · #AFEEEE · #8FBC8F

Shimmering Harmony

Use the cool blue-green for a content block, the lightest shade for text, and the brightest blue for delicate highlights or icons.

#A2D4D8 · #E0FFFF · #AFEEEE

CSS variables

:root {
  --sea-glass-shimmer-1: #8FBC8F;
  --sea-glass-shimmer-2: #A2D4D8;
  --sea-glass-shimmer-3: #B0E0E6;
  --sea-glass-shimmer-4: #AFEEEE;
  --sea-glass-shimmer-5: #E0FFFF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sea-glass-shimmer": {
        1: "#8FBC8F",
        2: "#A2D4D8",
        3: "#B0E0E6",
        4: "#AFEEEE",
        5: "#E0FFFF",
      }
    }
  }
}

Related searches

iridescent sea glass colorssoft beach paletterefreshing blue greengentle coastal themecalm pastel UI

Palette colors

Hex values

Color 1#8FBC8F
·
Color 2#A2D4D8
·
Color 3#B0E0E6
·
Color 4#AFEEEE
·
Color 5#E0FFFF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.5:1Fail
1.7:1Fail
2:1Fail
2
1.3:1Fail
1.1:1Fail
1.3:1Fail
1.5:1Fail
3
1.5:1Fail
1.1:1Fail
1.1:1Fail
1.4:1Fail
4
1.7:1Fail
1.3:1Fail
1.1:1Fail
1.2:1Fail
5
2:1Fail
1.5:1Fail
1.4:1Fail
1.2:1Fail

Similar palettes

More like Sea Glass Shimmer

View all Pastel
Aqua Blossom Dream
Cloudy Rose Serene
Garden Rose Hues
Soft Cloud Pillow
Soft Pastels
Blossom Blush Breeze