Back to palettes

Palette

Frosted Spearmint Dew

Crisp, muted mint greens and frosty whites evoke the refreshing taste of a cool spearmint leaf.

coolcalm5 colors
More cool 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

#E0FFFF#C1E8E8#A2D0D0#83B8B8#64A0A0

Palette guide

How to use Frosted Spearmint Dew

Overview

The Frosted Spearmint Dew palette offers a crisp collection of muted mint greens and frosty whites, evoking the refreshing taste of a cool spearmint leaf. Featuring the pristine #E0FFFF, the gentle #C1E8E8, and the balanced #A2D0D0, this palette is perfect for designs that aim for a fresh, clean, and tranquil aesthetic. Developers and designers will find these cool, subtle tones, including #83B8B8 and #64A0A0, highly effective for creating invigorating user interfaces, calming branding, or serene digital experiences. Its crisp yet soft character makes it an excellent choice for projects requiring a sense of purity, naturalness, and gentle invigoration, from wellness apps to clean web designs.

Best used for

  • Wellness and health app interfaces
  • Eco-friendly product branding
  • Spa and relaxation website themes
  • Fresh food and beverage packaging
  • Clean, minimalist web design
  • Spring-themed digital art

Suggested color roles

primary

Use #A2D0D0 as a primary muted mint green, providing a balanced and calming base for main content areas or brand presence.

secondary

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

accent

Highlight with #64A0A0 to add a touch of deeper, richer green, perfect for calls to action or key visual elements.

background

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

text

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

Accessibility notes

  • Ensure sufficient contrast between the very light background #E0FFFF and any light text colors.
  • Pair darker shades like #64A0A0 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

Crisp Mint

Creates a light, refreshing interface, ideal for wellness apps or natural product branding.

#E0FFFF · #C1E8E8 · #A2D0D0

Cool Dew

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

#C1E8E8 · #83B8B8 · #64A0A0

Frosted Leaf

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

#E0FFFF · #64A0A0 · #A2D0D0

CSS variables

:root {
  --frosted-spearmint-dew-1: #E0FFFF;
  --frosted-spearmint-dew-2: #C1E8E8;
  --frosted-spearmint-dew-3: #A2D0D0;
  --frosted-spearmint-dew-4: #83B8B8;
  --frosted-spearmint-dew-5: #64A0A0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-spearmint-dew": {
        1: "#E0FFFF",
        2: "#C1E8E8",
        3: "#A2D0D0",
        4: "#83B8B8",
        5: "#64A0A0",
      }
    }
  }
}

Related searches

mint green color schemefrosted cool green palettefresh pastel designcalming mint UI colorsspearmint web design

Palette colors

Hex values

Color 1#E0FFFF
·
Color 2#C1E8E8
·
Color 3#A2D0D0
·
Color 4#83B8B8
·
Color 5#64A0A0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2.1:1Fail
2.8:1Fail
2
1.2:1Fail
1.3:1Fail
1.7:1Fail
2.3:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
2.1:1Fail
1.7:1Fail
1.3:1Fail
1.3:1Fail
5
2.8:1Fail
2.3:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Frosted Spearmint Dew

View all cool
Fresh Mint Serenity
Iced Mint Bloom
Cool Mint Serene
Eucalyptus Spa Serene
Mint Julep Glow
Mint Leaf Refresh