Back to palettes

Palette

Frosted Spearmint Dew

Soft, refreshing mint greens, like dewdrops glistening on frosted spearmint leaves at dawn.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Spearmint 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 Frosted Spearmint Dew.

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

Data visualization

#DAF0D8#BCE6BA#9EDCAF#80D19E#62C68E

Palette guide

How to use Frosted Spearmint Dew

Overview

The Frosted Spearmint Dew palette (version 2) offers a refreshing collection of soft, invigorating mint greens, reminiscent of dewdrops on frosted spearmint leaves. Featuring the light #DAF0D8, the fresh #BCE6BA, and the vibrant #9EDCAF, this palette is perfect for designs that aim for a fresh, clean, and revitalizing aesthetic. Developers and designers will find these cool, natural tones, including #80D19E and #62C68E, highly effective for creating energizing user interfaces, health-focused branding, or serene digital experiences. Its crisp and clean character makes it an excellent choice for projects requiring a sense of purity, well-being, and gentle invigoration.

Best used for

  • Health and wellness branding
  • Eco-friendly product packaging
  • Fresh food and beverage marketing
  • Spa and beauty website themes
  • Children's educational apps
  • Spring-themed event invitations

Suggested color roles

primary

Use #9EDCAF as a primary invigorating mint green, suitable for main content areas or prominent branding.

secondary

Employ #BCE6BA for supporting sections or UI elements, offering a lighter hue that maintains freshness.

accent

Highlight with #62C68E to add a touch of deeper, vibrant green, perfect for calls to action or key visual elements.

background

The lightest shade, #DAF0D8, creates a clean, airy background that enhances readability and maintains a fresh feel.

text

For body text, a dark grey or black provides optimal readability. #62C68E can be used for headings on very light backgrounds.

Accessibility notes

  • Ensure sufficient contrast between the very light background #DAF0D8 and any light text colors.
  • Pair darker shades like #62C68E with white or very light text for better readability.
  • Avoid using adjacent light pastel shades for critical information without strong visual separation.
  • Always test text and background combinations against WCAG guidelines for accessibility.

Recommended combinations

Dewdrop Fresh

Creates a light, refreshing interface, ideal for health-related apps or natural product branding.

#DAF0D8 · #BCE6BA · #9EDCAF

Spearmint Glow

Provides a smooth, invigorating gradient, suitable for banners or background visuals.

#BCE6BA · #80D19E · #62C68E

Crisp Morning

Effective for highlighting key information with a vibrant accent against a soft, light base.

#DAF0D8 · #62C68E · #9EDCAF

CSS variables

:root {
  --frosted-spearmint-dew-2-1: #DAF0D8;
  --frosted-spearmint-dew-2-2: #BCE6BA;
  --frosted-spearmint-dew-2-3: #9EDCAF;
  --frosted-spearmint-dew-2-4: #80D19E;
  --frosted-spearmint-dew-2-5: #62C68E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-spearmint-dew-2": {
        1: "#DAF0D8",
        2: "#BCE6BA",
        3: "#9EDCAF",
        4: "#80D19E",
        5: "#62C68E",
      }
    }
  }
}

Related searches

fresh mint green palettefrosted spearmint colorscool green pastel schemerevitalizing UI designnatural wellness palette

Palette colors

Hex values

Color 1#DAF0D8
·
Color 2#BCE6BA
·
Color 3#9EDCAF
·
Color 4#80D19E
·
Color 5#62C68E
·

Accessibility

Contrast checker

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

Similar palettes

More like Frosted Spearmint Dew

View all pastel