Palette

Pastel Beach Glass

Gentle, soft blues and greens, like frosted sea glass shimmering on a serene, sun-kissed beach.

pastelcalm5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pastel Beach 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 Pastel Beach Glass.

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

Data visualization

#C4E0E8#A6D0DA#8DC0CB#6FAFB6#5B9DA8

Palette guide

How to use Pastel Beach Glass

Overview

The Pastel Beach Glass palette captures the tranquil essence of frosted sea glass shimmering on a serene beach. This monochromatic collection features gentle, soft blues and greens: a light sky blue #C4E0E8, a slightly deeper #A6D0DA, a calming #8DC0CB, a refreshing #6FAFB6, and a profound teal #5B9DA8. Designers and developers can utilize this palette to craft soothing user interfaces, serene branding, or minimalist digital experiences. It's perfect for conveying calm, purity, and a connection to nature, offering a sophisticated yet gentle aesthetic inspired by the ocean's soft hues.

Best used for

Spa and wellness brands
Coastal-themed home decor
Environmental and conservation organizations
Minimalist website designs
Meditation or relaxation apps
Serene photography portfolios

Suggested color roles

primary

Use #8DC0CB for main content areas or primary brand elements to establish a calming and approachable presence.

secondary

Apply #A6D0DA as a supporting color for background sections or secondary information, maintaining visual harmony.

accent

Introduce #5B9DA8 for subtle accents, interactive elements, or important calls to action, providing a gentle depth.

background

Utilize #C4E0E8 as a light, airy canvas for your design, promoting a sense of spaciousness and tranquility.

text

Pair these pastels with a dark gray (e.g., #4A4A4A) or charcoal for optimal readability and a sophisticated feel.

Accessibility notes

All palette colors are light; ensure text has sufficient contrast, using dark text for readability.
Avoid using light text on any of these pastel backgrounds to prevent readability issues.
Test color combinations for WCAG AA compliance, especially for critical information.
Differentiate clearly between similar light hues like #C4E0E8 and #A6D0DA when used adjacently.

Recommended combinations

Ocean Breeze

Ideal for creating soft gradients, background textures, or layered UI elements that evoke depth and calm.

#C4E0E8 · #A6D0DA · #8DC0CB

Deep Serenity

Perfect for footers, navigation bars, or sections requiring more visual weight and a sense of grounding.

#6FAFB6 · #5B9DA8 · #A6D0DA

Coastal Highlight

Combine for elegant buttons, icons, or subtle data visualizations where clarity and a serene accent are needed.

#C4E0E8 · #5B9DA8 · #8DC0CB

CSS variables

:root {
  --pastel-beach-glass-1: #C4E0E8;
  --pastel-beach-glass-2: #A6D0DA;
  --pastel-beach-glass-3: #8DC0CB;
  --pastel-beach-glass-4: #6FAFB6;
  --pastel-beach-glass-5: #5B9DA8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-beach-glass": {
        1: "#C4E0E8",
        2: "#A6D0DA",
        3: "#8DC0CB",
        4: "#6FAFB6",
        5: "#5B9DA8",
      }
    }
  }
}

Hex values

Color 1#C4E0E8

Color 2#A6D0DA

Color 3#8DC0CB

Color 4#6FAFB6

Color 5#5B9DA8

Accessibility

Contrast checker

1.2:1Fail

1.4:1Fail

1.8:1Fail

2.2:1Fail

1.2:1Fail

1.5:1Fail

1.9:1Fail

1.4:1Fail

1.2:1Fail

1.5:1Fail

1.8:1Fail

1.5:1Fail

1.2:1Fail

2.2:1Fail

1.9:1Fail

1.5:1Fail

1.2:1Fail

Similar palettes

More like Pastel Beach Glass

Pastel Beach Glass

See it in context.

Ready when you are.

Built with Pastel Beach Glass.

How to use Pastel Beach Glass

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Ocean Breeze

Deep Serenity

Coastal Highlight

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Pastel Beach Glass