Palette

Gentle Sea Glass

Soft, muted blues and aquas, reflecting the smooth, translucent beauty of sea glass on a quiet shore.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B9D7E8#A2D0E6#8ACAE4#73C4E2#5DBEE0

Palette guide

How to use Gentle Sea Glass

Overview

The "Gentle Sea Glass" palette offers a refreshing and soft collection of blues and aquas, perfectly mirroring the smooth, translucent beauty of sea glass found on a quiet shore. With a gradual progression from the light, ethereal "#B9D7E8" to the slightly deeper "#5DBEE0", this palette creates a harmonious and serene aesthetic. The intermediate shades like "#A2D0E6", "#8ACAE4", and "#73C4E2" provide a beautiful, flowing transition, adding depth without intensity. This palette is ideal for designs that aim to convey calm, freshness, and a delicate connection to the ocean, making it perfect for coastal, wellness, or feminine-oriented brands.

Best used for

Coastal lifestyle brands
Spa and relaxation services
Beach-themed wedding stationery
Children's product design
Eco-friendly packaging (water focus)
Serene social media graphics

Suggested color roles

primary

"#5DBEE0" provides the deepest tone for subtle emphasis on headings or key elements, relying on dark text for contrast.

secondary

"#73C4E2" works well for subheadings, navigation, or larger content blocks, offering a gentle blue.

accent

Use "#8ACAE4" for interactive elements, highlights, or to add a refreshing, slightly lighter touch.

background

"#B9D7E8" provides a very light, airy base, ensuring content remains readable and the overall feel is open.

text

Dark charcoal or black is essential for readability on these light backgrounds, as the palette lacks deep contrast colors for text.

Accessibility notes

All colors are relatively light; dark text (e.g., black or very dark gray) is crucial for readability.
Avoid using any of these palette colors for text on each other, as contrast will likely be insufficient.
Ensure large text and interactive elements have at least WCAG AA contrast against their backgrounds.
This palette requires careful application for text to meet accessibility standards due to its light nature.

Recommended combinations

Ocean Spray

For light, ethereal backgrounds and subtle layering in web design or print media.

#B9D7E8 · #A2D0E6 · #8ACAE4

Deepened Glass

Ideal for soft gradients, banners, or more prominent UI sections that need gentle depth.

#73C4E2 · #5DBEE0 · #A2D0E6

Coastal Whisper

A balanced trio for subtle accents or decorative elements, emphasizing freshness and calm.

#8ACAE4 · #B9D7E8 · #5DBEE0

CSS variables

:root {
  --gentle-sea-glass-1: #B9D7E8;
  --gentle-sea-glass-2: #A2D0E6;
  --gentle-sea-glass-3: #8ACAE4;
  --gentle-sea-glass-4: #73C4E2;
  --gentle-sea-glass-5: #5DBEE0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gentle-sea-glass": {
        1: "#B9D7E8",
        2: "#A2D0E6",
        3: "#8ACAE4",
        4: "#73C4E2",
        5: "#5DBEE0",
      }
    }
  }
}

Hex values

Color 1#B9D7E8

Color 2#A2D0E6

Color 3#8ACAE4

Color 4#73C4E2

Color 5#5DBEE0

Accessibility

Contrast checker

1.1:1Fail

1.2:1Fail

1.3:1Fail

1.4:1Fail

1.1:1Fail

1.2:1Fail

1.3:1Fail

1.2:1Fail

1.1:1Fail

1.2:1Fail

1.3:1Fail

1.2:1Fail

1.1:1Fail

1.4:1Fail

1.3:1Fail

1.2:1Fail

1.1:1Fail

Similar palettes

More like Gentle Sea Glass

Gentle Sea Glass

See it in context.

Ready when you are.

Built with Gentle Sea Glass.

How to use Gentle Sea Glass

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Ocean Spray

Deepened Glass

Coastal Whisper

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Gentle Sea Glass