Back to palettes

Palette

Sea Glass Treasure

Gentle, faded hues resembling the smooth, frosted pieces of sea glass found washed ashore.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#AFEEEE#B0E0E6#ADD8E6#F5F5DC#D8BFD8

Palette guide

How to use Sea Glass Treasure

Overview

The 'Sea Glass Treasure' palette offers a delicate collection of faded hues, resembling smooth, frosted pieces of sea glass washed ashore. This palette, featuring tranquil blues like #AFEEEE, #B0E0E6, and #ADD8E6, a soft cream #F5F5DC, and a unique muted lavender #D8BFD8, is perfect for designers and developers aiming for a gentle, romantic, and subtly whimsical aesthetic. These colors combine to evoke a sense of calm, nostalgia, and understated elegance, providing versatility for charming brand identities and inviting digital experiences.

Best used for

  • Boutique retail and artisanal craft branding
  • Romantic design themes for weddings or events
  • Personal blogs and portfolio sites with a gentle touch
  • Serene UI/UX for lifestyle and fashion apps
  • Coastal-inspired home decor visualizations
  • Children's storybook illustrations

Suggested color roles

primary

Use #ADD8E6 as a dominant, calming blue for main content areas or primary calls-to-action, setting a tranquil mood.

secondary

Incorporate #D8BFD8 for supportive elements, subheadings, or accent graphics, providing a unique, muted lavender contrast.

accent

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

background

Utilize #F5F5DC as the primary background color, offering a soft, warm cream canvas that enhances the pastel hues.

text

For optimal readability, use a dark charcoal or deep blue (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 #F5F5DC and #AFEEEE.
  • Avoid using #AFEEEE or #B0E0E6 for small text on #F5F5DC backgrounds due to potential low contrast; reserve for larger titles.
  • Verify contrast ratios for interactive elements to meet WCAG standards, especially with the pastel blues and lavender.
  • Consider increasing font size or weight when placing text with #D8BFD8 on a #F5F5DC background for improved legibility.

Recommended combinations

Coastal Dream

A warm cream background with a soft blue primary and a muted lavender accent, creating a gentle and romantic feel.

#F5F5DC · #ADD8E6 · #D8BFD8

Frosted Delights

Ideal for subtle gradients or layered elements, creating depth with closely related frosted blue tones.

#B0E0E6 · #AFEEEE · #ADD8E6

Treasure Blend

Use the brightest blue for a content block, the lavender for a secondary element, and the cream for text or background.

#AFEEEE · #D8BFD8 · #F5F5DC

CSS variables

:root {
  --sea-glass-treasure-1: #AFEEEE;
  --sea-glass-treasure-2: #B0E0E6;
  --sea-glass-treasure-3: #ADD8E6;
  --sea-glass-treasure-4: #F5F5DC;
  --sea-glass-treasure-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sea-glass-treasure": {
        1: "#AFEEEE",
        2: "#B0E0E6",
        3: "#ADD8E6",
        4: "#F5F5DC",
        5: "#D8BFD8",
      }
    }
  }
}

Related searches

faded sea glass colorspastel coastal palettesoft blue lavenderbeach treasure themegentle romantic design

Palette colors

Hex values

Color 1#AFEEEE
·
Color 2#B0E0E6
·
Color 3#ADD8E6
·
Color 4#F5F5DC
·
Color 5#D8BFD8
·

Accessibility

Contrast checker

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

Similar palettes

More like Sea Glass Treasure

View all pastel
Gentle Sea Glass
Pastel Beach House
Sea Glass Collection
Sea Glass Pebble
Seaside Coral Garden
Aqua Aura