Back to palettes

Palette

Frosted Mint Delight

Icy blues and cool greens create a refreshing palette, like a frosted mint leaf on a winter morning.

pastelminimal5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Frosted Mint Delight 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 Mint Delight.

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

Data visualization

#B2D8D8#80CED7#62B6CB#39A0CA#147B98

Palette guide

How to use Frosted Mint Delight

Overview

The "Frosted Mint Delight" palette (with ID `frosted-mint-delight-2`) offers a crisp and invigorating blend of icy blues and cool mint greens, reminiscent of a refreshing winter morning. This vibrant collection transitions from the soft, airy #B2D8D8 to the deep, impactful #147B98. Intermediate shades like #80CED7, #62B6CB, and #39A0CA provide a dynamic yet harmonious flow, allowing for clear visual hierarchy and a sense of fresh energy. This palette is ideal for designs that aim to convey cleanliness, vitality, and a modern aesthetic, making it highly versatile for both digital and print applications requiring a cool, refreshing touch.

Best used for

  • Modern tech company branding
  • Refreshing beverage packaging
  • Health and fitness app interfaces
  • Spa or beauty product lines
  • Clean, minimalist website designs
  • Winter holiday promotions with a modern twist

Suggested color roles

primary

#147B98 - A deep, impactful teal-blue, excellent for primary calls-to-action, prominent headers, or foundational elements, conveying reliability and freshness.

secondary

#39A0CA - A vibrant mid-tone blue, suitable for subheadings, navigation links, or secondary graphical elements that need to stand out clearly.

accent

#62B6CB - A brighter, yet still cool, blue that can highlight interactive elements, small icons, or specific data points, adding a touch of crispness.

background

#B2D8D8 - A very light, airy mint-blue that provides a clean, expansive canvas, ensuring high readability and a sense of spaciousness.

text

#147B98 (or a dark charcoal like #333333 for improved contrast on lighter backgrounds) - Use the deepest teal-blue for headings and crucial text, ensuring good readability.

Accessibility notes

  • Ensure sufficient contrast between #147B98 text and #B2D8D8 background (passes WCAG AA for large text, often for regular text).
  • Avoid using #80CED7 or #62B6CB for small text on very light backgrounds like #B2D8D8 without checking contrast ratios.
  • For interactive elements, ensure hover/focus states provide clear visual distinction.
  • Consider using a darker text color (e.g., black or very dark gray) for body text on #B2D8D8 if WCAG AAA compliance is required.

Recommended combinations

Crisp Contrast

High-contrast pairing for headlines, buttons, and clean content blocks, offering strong readability and a modern feel.

#147B98 · #B2D8D8 · #39A0CA

Dynamic Flow

Creates a smooth, invigorating gradient effect for backgrounds, hero sections, or layered graphical elements.

#80CED7 · #62B6CB · #39A0CA

Light & Punchy

A light base with a crisp accent and deep grounding color, ideal for clean UI and highlighted information.

#B2D8D8 · #62B6CB · #147B98

CSS variables

:root {
  --frosted-mint-delight-2-1: #B2D8D8;
  --frosted-mint-delight-2-2: #80CED7;
  --frosted-mint-delight-2-3: #62B6CB;
  --frosted-mint-delight-2-4: #39A0CA;
  --frosted-mint-delight-2-5: #147B98;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-mint-delight-2": {
        1: "#B2D8D8",
        2: "#80CED7",
        3: "#62B6CB",
        4: "#39A0CA",
        5: "#147B98",
      }
    }
  }
}

Related searches

refreshing mint blue paletteicy cool color schememodern teal blue designcrisp pastel winterclean fresh branding

Palette colors

Hex values

Color 1#B2D8D8
·
Color 2#80CED7
·
Color 3#62B6CB
·
Color 4#39A0CA
·
Color 5#147B98
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
1.9:1Fail
3.2:1AA18
2
1.2:1Fail
1.3:1Fail
1.7:1Fail
2.7:1Fail
3
1.5:1Fail
1.3:1Fail
1.3:1Fail
2.1:1Fail
4
1.9:1Fail
1.7:1Fail
1.3:1Fail
1.6:1Fail
5
3.2:1AA18
2.7:1Fail
2.1:1Fail
1.6:1Fail

Similar palettes

More like Frosted Mint Delight

View all pastel
Chiffon Cloud Dance
Desert Rose Mirage
Ethereal Cloud Veil
Porcelain Bloom Garden
Porcelain Ocean Sands
Soft Petal Blush