Back to palettes

Palette

Morning Dew Petals

Crisp, clean blues and greens sparkle like morning dew on fresh petals, exuding a gentle freshness.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0F2F1#C7EDE5#9EDAC8#71C2AE#4DA594

Palette guide

How to use Morning Dew Petals

Overview

The "Morning Dew Petals" palette is a refreshing cascade of cool, clean blues and greens, perfect for evoking a sense of calm and natural freshness. With hex codes like #E0F2F1 (Light Seafoam), #C7EDE5 (Pale Mint), #9EDAC8 (Medium Aquamarine), #71C2AE (Cadet Blue), and #4DA594 (Deep Seafoam), this collection offers a gentle yet invigorating visual experience. Designers can utilize these hues to create soothing interfaces, nature-inspired branding, or any project requiring a delicate, serene, and crisp aesthetic. It's an excellent choice for conveying purity and tranquility.

Best used for

  • Eco-friendly brand identities
  • Health and wellness applications
  • Nature photography websites
  • Spa and relaxation product packaging
  • Clean, minimalist UI designs
  • Spring or summer seasonal campaigns

Suggested color roles

primary

#E0F2F1 - A very light, airy blue-green, ideal for large background areas or as the primary canvas color, promoting freshness.

secondary

#C7EDE5 - A slightly deeper mint, excellent for secondary backgrounds, content cards, or subtle section dividers.

accent

#4DA594 - The deepest, most saturated green, perfect for calls-to-action, important icons, or key highlights that need to stand out.

background

#9EDAC8 - A balanced, calming green that works well as an inviting background for main content blocks or hero sections.

text

#71C2AE - A muted, mid-tone green, suitable for headings or secondary text. For body text, consider a very dark grey or black for optimal contrast.

Accessibility notes

  • Ensure sufficient contrast when using lighter palette colors for text against other light palette colors; use a contrast checker.
  • #4DA594 offers good contrast for text on lighter backgrounds like #E0F2F1 or #C7EDE5.
  • Avoid placing #71C2AE on #9EDAC8 for critical text, as contrast might be borderline.
  • Interactive elements should clearly indicate their state (hover, focus) due to the harmonious but sometimes subtle color shifts.

Recommended combinations

Fresh Base

Creates a layered, clean background with #E0F2F1 as the base, #C7EDE5 for content panels, and #9EDAC8 for headers.

#E0F2F1 · #C7EDE5 · #9EDAC8

Dynamic Contrast

#E0F2F1 as a clean background, #4DA594 for strong calls-to-action, and #71C2AE for supporting text.

#E0F2F1 · #4DA594 · #71C2AE

Serene Gradient

Excellent for subtle gradients in hero sections or as a sequential color scheme for data visualization.

#C7EDE5 · #9EDAC8 · #71C2AE

CSS variables

:root {
  --morning-dew-petals-3-1: #E0F2F1;
  --morning-dew-petals-3-2: #C7EDE5;
  --morning-dew-petals-3-3: #9EDAC8;
  --morning-dew-petals-3-4: #71C2AE;
  --morning-dew-petals-3-5: #4DA594;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-dew-petals-3": {
        1: "#E0F2F1",
        2: "#C7EDE5",
        3: "#9EDAC8",
        4: "#71C2AE",
        5: "#4DA594",
      }
    }
  }
}

Related searches

cool green blue palettefresh mint color schemeserene nature UI colorscalming web design paletteeco-friendly brand hex codes

Palette colors

Hex values

Color 1#E0F2F1
·
Color 2#C7EDE5
·
Color 3#9EDAC8
·
Color 4#71C2AE
·
Color 5#4DA594
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1.8:1Fail
2.5:1Fail
2
1.1:1Fail
1.3:1Fail
1.7:1Fail
2.3:1Fail
3
1.4:1Fail
1.3:1Fail
1.3:1Fail
1.9:1Fail
4
1.8:1Fail
1.7:1Fail
1.3:1Fail
1.4:1Fail
5
2.5:1Fail
2.3:1Fail
1.9:1Fail
1.4:1Fail

Similar palettes

More like Morning Dew Petals

View all cool
Winter Blossom Frost
Aegean Coast Whisper
Alpine Lake Shimmer
Arctic Northern Bloom
Bluebell Valley
Calm Coastal Retreat