Back to palettes

Palette

Minty Frost Dew

Cool, fresh pastels like morning dew on frosted mint leaves, crisp and clean.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Minty Frost 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 Minty Frost Dew.

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

Data visualization

#E8F6F4#C6E9E4#A2D8D2#7AC6BF#59B0AA

Palette guide

How to use Minty Frost Dew

Overview

The 'Minty Frost Dew' palette offers a serene collection of cool, fresh pastels, reminiscent of morning dew on frosted mint leaves. This palette, featuring delicate #E8F6F4, soothing #C6E9E4, and grounding #59B0AA, provides designers with a harmonious foundation for creating calm and clean aesthetics. The subtle shifts between hues like #A2D8D2 and #7AC6BF allow for gentle visual transitions and depth. Developers will find these soft tones excellent for crafting user interfaces that promote tranquility, ideal for projects requiring a sense of peace, clarity, and understated elegance in their visual language.

Best used for

  • Wellness and meditation apps
  • Baby and children's product branding
  • Eco-friendly packaging
  • Spa and beauty website design
  • Interior design mood boards
  • Minimalist brand identities

Suggested color roles

primary

A soft, inviting mint (#A2D8D2), suitable for main content areas or primary navigation, offering a gentle presence.

secondary

A slightly deeper mint (#7AC6BF), ideal for subheadings, secondary buttons, or supporting graphical elements.

accent

A muted teal-green (#59B0AA), perfect for subtle highlights, interactive elements, or a grounding footer color.

background

A very light, almost white mint (#E8F6F4), serving as a clean, unobtrusive canvas that enhances content without distraction.

text

For body text, a dark charcoal or black provides optimal readability. For headings, #59B0AA offers a softer, yet clear option against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast for text when using #E8F6F4 or #C6E9E4 as backgrounds; darker text is essential.
  • The contrast between #A2D8D2 and #7AC6BF is low, so avoid using them together for critical text or small UI elements.
  • Pair #59B0AA with the lightest shades for better readability on calls-to-action or important information.
  • Always test text legibility on all background shades, especially for users with visual impairments.

Recommended combinations

Soft Gradient

Creates a gentle, flowing background or header effect, ideal for serene interfaces.

#E8F6F4 · #C6E9E4 · #A2D8D2

Subtle Focus

Uses a light background with a soft primary and a grounding accent for key information.

#E8F6F4 · #A2D8D2 · #59B0AA

Muted Harmony

Suitable for content blocks or sections where a cohesive, slightly deeper pastel tone is desired.

#C6E9E4 · #7AC6BF · #59B0AA

CSS variables

:root {
  --minty-frost-dew-1: #E8F6F4;
  --minty-frost-dew-2: #C6E9E4;
  --minty-frost-dew-3: #A2D8D2;
  --minty-frost-dew-4: #7AC6BF;
  --minty-frost-dew-5: #59B0AA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "minty-frost-dew": {
        1: "#E8F6F4",
        2: "#C6E9E4",
        3: "#A2D8D2",
        4: "#7AC6BF",
        5: "#59B0AA",
      }
    }
  }
}

Related searches

pastel mint palettecalm green blue colorssoft refreshing designminimalist cool tonesdewy nature color scheme

Palette colors

Hex values

Color 1#E8F6F4
·
Color 2#C6E9E4
·
Color 3#A2D8D2
·
Color 4#7AC6BF
·
Color 5#59B0AA
·

Accessibility

Contrast checker

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

Similar palettes

More like Minty Frost Dew

View all pastel