Back to palettes

Palette

Seafoam Whisper Shores

Soft, serene blues and greens, like gentle seafoam caressing a peaceful shore.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Seafoam Whisper Shores 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 Seafoam Whisper Shores.

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

Data visualization

#D4EDDA#B3E2CE#8FD7C2#6BCBBA#47BFB3

Palette guide

How to use Seafoam Whisper Shores

Overview

The Seafoam Whisper Shores palette evokes the soft, serene blues and greens of gentle seafoam caressing a peaceful shore. With a gradient from the delicate #D4EDDA to the vibrant #47BFB3, and including the refreshing #8FD7C2 and #6BCBBA, this scheme is cool, calming, and deeply connected to water. Designers can utilize these hues to create a sense of tranquility, freshness, and natural beauty. Developers will find this palette excellent for crafting clean, inviting user interfaces that prioritize readability and a soothing user experience. It's perfectly suited for brands focused on wellness, nature, or any domain requiring a fresh, tranquil, and optimistic visual identity.

Best used for

  • Eco-friendly brands and sustainable living platforms
  • Spa and wellness centers and services
  • Natural beauty products and cosmetics
  • Children's online content and educational apps
  • Calm UI/UX for lifestyle and health applications
  • Aquatic-themed designs and marine conservation

Suggested color roles

primary

Use #47BFB3 as a deep aqua-green for main headings, navigation, or key brand elements, conveying serenity and depth.

secondary

Apply #6BCBBA for supporting content, subheadings, or background accents, adding a gentle teal touch.

accent

Employ #8FD7C2 for refreshing highlights, interactive states, or calls to action, maintaining a bright feel.

background

Utilize #D4EDDA as a light, almost minty white, background, providing a clean and airy base for content.

text

For optimal readability, use #47BFB3 or a deep charcoal on light backgrounds like #D4EDDA.

Accessibility notes

  • The contrast of #47BFB3 on #D4EDDA is good for most text sizes.
  • Use #6BCBBA for larger text or headings on #D4EDDA, as its contrast might be low for small body text.
  • Avoid using #B3E2CE or #8FD7C2 for small text on #D4EDDA due to insufficient contrast.
  • Ensure interactive elements in lighter tones have clear visual cues beyond color alone for accessibility.

Recommended combinations

Gentle Aqua

Creates a clean and refreshing look with a light background, primary dark aqua text, and a seafoam accent.

#D4EDDA · #47BFB3 · #8FD7C2

Shoreline Gradient

Ideal for smooth transitions in headers, hero sections, or data visualizations, mimicking natural aquatic tones.

#D4EDDA · #B3E2CE · #6BCBBA

Whispering Accents

Uses the deepest aqua as primary, lighter seafoam as accent, and the lightest for background, creating a balanced look.

#47BFB3 · #8FD7C2 · #D4EDDA

CSS variables

:root {
  --seafoam-whisper-shores-1: #D4EDDA;
  --seafoam-whisper-shores-2: #B3E2CE;
  --seafoam-whisper-shores-3: #8FD7C2;
  --seafoam-whisper-shores-4: #6BCBBA;
  --seafoam-whisper-shores-5: #47BFB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seafoam-whisper-shores": {
        1: "#D4EDDA",
        2: "#B3E2CE",
        3: "#8FD7C2",
        4: "#6BCBBA",
        5: "#47BFB3",
      }
    }
  }
}

Related searches

soft aqua green paletteserene seafoam colorspeaceful coastal designgentle ui themenatural water hues

Palette colors

Hex values

Color 1#D4EDDA
·
Color 2#B3E2CE
·
Color 3#8FD7C2
·
Color 4#6BCBBA
·
Color 5#47BFB3
·

Accessibility

Contrast checker

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

Similar palettes

More like Seafoam Whisper Shores

View all cool
Coastal Seafoam Whisper
Alpine Lake Serene
Azure Abyss Calm
Azure Lagoon Drift
Azure Reef Currents
Calm Ocean Swell