Back to palettes

Palette

Minty Frost

Cool, refreshing hues blending soft mint greens and icy blues, like frost shimmering on fresh leaves.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#98FF98#B0E0E6#CDEAF5#8AE48A#A0D5DF

Palette guide

How to use Minty Frost

Overview

The 'Minty Frost' palette offers a refreshing blend of soft mint greens and icy blues, evoking the crispness of frost on fresh leaves. Featuring the gentle #98FF98, cool #B0E0E6, and ethereal #CDEAF5, this collection provides designers with a calming yet invigorating foundation. The interplay between the brighter #8AE48A and the deeper #A0D5DF allows for subtle contrast and visual interest. Developers can leverage these harmonious hex codes to create serene user interfaces, tranquil branding, or any project aiming for a clean, fresh, and airy aesthetic with a touch of winter's delicate beauty.

Best used for

  • Winter-themed marketing
  • Skincare and beauty brands
  • Children's clothing lines
  • Wellness and relaxation apps
  • Eco-friendly product design
  • Clean and crisp website layouts

Suggested color roles

primary

A vibrant yet soft mint green (#98FF98), excellent for main headings, calls-to-action, or key brand elements.

secondary

A light, icy blue (#B0E0E6), perfect for background elements, secondary navigation, or supporting graphics, adding an airy feel.

accent

A deeper, cool blue (#A0D5DF), ideal for subtle highlights, interactive states, or a grounding footer color.

background

A very light, almost white blue (#CDEAF5), serving as a clean, expansive canvas that feels fresh and open.

text

For optimal readability, use a dark charcoal or black text. For headings, #A0D5DF offers a clear option against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when using #CDEAF5 or #B0E0E6 as backgrounds; darker text is crucial for readability.
  • Avoid pairing #98FF98 with #8AE48A for small text or critical UI elements due to their similar lightness.
  • The darker blue (#A0D5DF) provides good contrast for text against the lightest shades in the palette.
  • Always test text legibility on all background shades, especially for users with visual impairments.

Recommended combinations

Winter Sky

Creates a cool, layered sky effect, perfect for serene backgrounds or header areas.

#CDEAF5 · #B0E0E6 · #A0D5DF

Fresh Frost

Combines a light background with a vibrant mint and a grounding blue for focus.

#CDEAF5 · #98FF98 · #A0D5DF

Minty Ice

Suitable for content blocks or sections that need a cohesive blend of mint and cool blue tones.

#8AE48A · #B0E0E6 · #A0D5DF

CSS variables

:root {
  --minty-frost-1: #98FF98;
  --minty-frost-2: #B0E0E6;
  --minty-frost-3: #CDEAF5;
  --minty-frost-4: #8AE48A;
  --minty-frost-5: #A0D5DF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "minty-frost": {
        1: "#98FF98",
        2: "#B0E0E6",
        3: "#CDEAF5",
        4: "#8AE48A",
        5: "#A0D5DF",
      }
    }
  }
}

Related searches

mint blue pastel paletteicy cool color schemefresh winter colorscalm green blue designclean frosty tones

Palette colors

Hex values

Color 1#98FF98
·
Color 2#B0E0E6
·
Color 3#CDEAF5
·
Color 4#8AE48A
·
Color 5#A0D5DF
·

Accessibility

Contrast checker

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

Similar palettes

More like Minty Frost

View all pastel
Frosted Mint Delight
Frosted Spearmint Dew
Aqua Glimmer Dew
Cerulean Pottery Glaze
Chill Breeze Blossom
Dewdrop Morning Fresh