Back to palettes

Palette

Seafoam Morning Dew

Captures the gentle, dewy freshness of seafoam washing onto a sandy beach at dawn.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Seafoam Morning Dew 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 Morning Dew.

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

Data visualization

#CDE2DF#9DC7C1#6CB6AF#A1E8D9#EFF7F6

Palette guide

How to use Seafoam Morning Dew

Overview

The Seafoam Morning Dew palette captures the gentle, dewy freshness of seafoam washing onto a sandy beach at dawn. This cool palette features a serene range of greens and aquas, from the light #EFF7F6 to the deeper #6CB6AF, complemented by #CDE2DF and the refreshing #A1E8D9. Designers can leverage these hues to evoke a sense of calm, purity, and new beginnings. Developers will find this palette excellent for creating 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

  • Wellness and meditation apps
  • Spa and resort branding
  • Eco-friendly and sustainable product websites
  • Baby care and children's product packaging
  • Serene interior design concepts
  • Clean tech interfaces and corporate presentations

Suggested color roles

primary

Use #6CB6AF as a grounding seafoam green for main headings, navigation, or key brand elements, conveying serenity.

secondary

Apply #9DC7C1 for supporting content, subheadings, or background accents, adding a gentle aqua touch.

accent

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

background

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

text

For optimal readability, use #6CB6AF or a dark charcoal on light backgrounds like #EFF7F6.

Accessibility notes

  • The contrast of #6CB6AF on #EFF7F6 is good for most text sizes.
  • Use #9DC7C1 for larger text or headings on #EFF7F6, as its contrast might be low for small body text.
  • Avoid using #CDE2DF or #A1E8D9 for small text on #EFF7F6 due to insufficient contrast.
  • Ensure interactive elements in lighter tones have clear visual cues beyond color alone for accessibility.

Recommended combinations

Dewy Freshness

Creates a clean and refreshing look with a light background, primary seafoam text, and a bright mint accent.

#EFF7F6 · #6CB6AF · #A1E8D9

Coastal Gradient

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

#CDE2DF · #9DC7C1 · #6CB6AF

Serene Highlights

Uses a clean base with a bright accent and a muted supporting color, perfect for subtle yet impactful design.

#EFF7F6 · #A1E8D9 · #9DC7C1

CSS variables

:root {
  --seafoam-morning-dew-1: #CDE2DF;
  --seafoam-morning-dew-2: #9DC7C1;
  --seafoam-morning-dew-3: #6CB6AF;
  --seafoam-morning-dew-4: #A1E8D9;
  --seafoam-morning-dew-5: #EFF7F6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "seafoam-morning-dew": {
        1: "#CDE2DF",
        2: "#9DC7C1",
        3: "#6CB6AF",
        4: "#A1E8D9",
        5: "#EFF7F6",
      }
    }
  }
}

Related searches

fresh seafoam palettemorning dew colorsserene coastal designclean aqua greentranquil brand identity

Palette colors

Hex values

Color 1#CDE2DF
·
Color 2#9DC7C1
·
Color 3#6CB6AF
·
Color 4#A1E8D9
·
Color 5#EFF7F6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
1:1Fail
1.2:1Fail
2
1.4:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
3
1.7:1Fail
1.3:1Fail
1.7:1Fail
2.2:1Fail
4
1:1Fail
1.3:1Fail
1.7:1Fail
1.3:1Fail
5
1.2:1Fail
1.7:1Fail
2.2:1Fail
1.3:1Fail

Similar palettes

More like Seafoam Morning Dew

View all cool
Arctic Northern Bloom
Azure Coast Breeze
Azure Coast Serenity
Cerulean Coastline Calm
Coastal Breeze Mist
Coastal Seafoam Spray