Back to palettes

Palette

Glimmering Seafoam Crest

Delicate, airy tones capturing the ephemeral beauty of seafoam illuminated by morning light.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Glimmering Seafoam Crest 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 Glimmering Seafoam Crest.

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

Data visualization

#8BBF9F#BADBB7#DAF6D9#DAF0F2#B9DCEF

Palette guide

How to use Glimmering Seafoam Crest

Overview

The Glimmering Seafoam Crest palette encapsulates the serene and refreshing essence of ocean foam under soft light. This collection features a harmonious blend of light, airy greens and blues, making it perfect for designs aiming for a tranquil and natural feel. Key colors include the soft sage #8BBF9F, the delicate mint #DAF6D9, and the gentle sky blue #B9DCEF. Designers can leverage these shades to create inviting and calming digital or print experiences. For developers, these cool, muted tones are excellent for crafting user interfaces that feel clean, fresh, and soothing, promoting a sense of peace and clarity in various applications.

Best used for

  • Spa and wellness branding
  • Eco-friendly product packaging
  • Coastal home decor websites
  • Nature-themed mobile applications
  • Health and meditation platforms
  • Relaxing digital illustrations

Suggested color roles

primary

#DAF6D9 - A very light, almost white mint green, ideal for clean backgrounds or primary content areas, offering a fresh, airy feel.

secondary

#BADBB7 - A soft, muted green, excellent for secondary content, card backgrounds, or subtle navigational elements.

accent

#B9DCEF - A gentle sky blue, perfect for calls-to-action, highlights, or graphical elements that need a touch of cool contrast.

background

#DAF0F2 - An extremely light, cool blue-green, providing an expansive and tranquil canvas for all other elements.

text

#8BBF9F - A medium sage green, suitable for headings or larger text. For body text, consider a dark charcoal like #444444 for optimal readability against lighter backgrounds.

Accessibility notes

  • The lighter colors like #DAF6D9 and #DAF0F2 will require dark text (e.g., black or charcoal) for sufficient contrast.
  • Use #8BBF9F or #B9DCEF with care for text against very light backgrounds; check contrast ratios diligently.
  • Ensure interactive elements using #B9DCEF have a clear visual state change beyond just color.
  • Avoid using the lightest colors for essential information unless paired with very strong contrasting elements.

Recommended combinations

Calm Interface

#DAF0F2 as a serene base, #BADBB7 for content sections, and #B9DCEF for subtle interactive highlights.

#DAF0F2 · #BADBB7 · #B9DCEF

Nature Branding

Blend these greens and blues for organic brand assets, using #DAF6D9 for clean space.

#8BBF9F · #DAF6D9 · #DAF0F2

Fresh Layout

#DAF6D9 as a primary background, #8BBF9F for prominent text, and #B9DCEF for playful iconography.

#DAF6D9 · #8BBF9F · #B9DCEF

CSS variables

:root {
  --glimmering-seafoam-crest-1: #8BBF9F;
  --glimmering-seafoam-crest-2: #BADBB7;
  --glimmering-seafoam-crest-3: #DAF6D9;
  --glimmering-seafoam-crest-4: #DAF0F2;
  --glimmering-seafoam-crest-5: #B9DCEF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "glimmering-seafoam-crest": {
        1: "#8BBF9F",
        2: "#BADBB7",
        3: "#DAF6D9",
        4: "#DAF0F2",
        5: "#B9DCEF",
      }
    }
  }
}

Related searches

seafoam green palettecalm cool colorsocean inspired designtranquil UI colorslight green blue palette

Palette colors

Hex values

Color 1#8BBF9F
·
Color 2#BADBB7
·
Color 3#DAF6D9
·
Color 4#DAF0F2
·
Color 5#B9DCEF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.8:1Fail
1.8:1Fail
1.4:1Fail
2
1.4:1Fail
1.3:1Fail
1.3:1Fail
1:1Fail
3
1.8:1Fail
1.3:1Fail
1:1Fail
1.2:1Fail
4
1.8:1Fail
1.3:1Fail
1:1Fail
1.2:1Fail
5
1.4:1Fail
1:1Fail
1.2:1Fail
1.2:1Fail

Similar palettes

More like Glimmering Seafoam Crest

View all cool
Coastal Foam Spray
Soft Tidal Foam
Aegean Coast Whisper
Aqua Ocean Tide
Aqua Seafoam Dream
Azure Coast Breeze