Back to palettes

Palette

Frosted Mint Delight

A cool and refreshing blend of gentle mint greens, like a frosted confection.

pastelcalm5 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

#B2D4CC#D1E8E4#A3CCBB#8CB8A5#CBE3DE

Palette guide

How to use Frosted Mint Delight

Overview

The "Frosted Mint Delight" palette (with ID `frosted-mint-delight`) offers a gentle and refreshing blend of soft mint greens and cool, airy tones, evoking a delicate confection dusted with frost. This collection features a harmonious interplay of #B2D4CC, the very light #D1E8E4, and the slightly deeper #A3CCBB. The muted #8CB8A5 provides a subtle anchor, while #CBE3DE adds another layer of cool lightness. This palette is ideal for designs that aim to convey softness, freshness, and a comforting calm, making it highly suitable for applications requiring a gentle, inviting, and understated aesthetic, from digital interfaces to artisanal packaging.

Best used for

  • Artisan food or confectionery branding
  • Gentle baby care product design
  • Spa and relaxation website themes
  • Soft, inviting home decor concepts
  • Delicate wedding stationery
  • Minimalist lifestyle blogs

Suggested color roles

primary

#8CB8A5 - A muted, grounding mint green, excellent for primary text, subtle navigation, or foundational elements, providing a soft yet clear presence.

secondary

#A3CCBB - A balanced mid-tone mint, suitable for secondary information, background sections, or gentle graphic elements, promoting a sense of ease.

accent

#B2D4CC - A slightly brighter, yet still soft, mint that can highlight interactive elements, small icons, or decorative flourishes without being overpowering.

background

#D1E8E4 - A very light, almost white, cool background that creates an open, clean canvas, enhancing readability and overall serenity.

text

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

Accessibility notes

  • Ensure sufficient contrast between #8CB8A5 text and #D1E8E4 background (passes WCAG AA for large text, often for regular text).
  • Avoid using #B2D4CC or #A3CCBB for small text on very light backgrounds like #D1E8E4 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 #D1E8E4 if WCAG AAA compliance is required.

Recommended combinations

Soft Contrast

Gentle contrast for headlines and body text, with a lighter mint for secondary emphasis, maintaining a calm feel.

#8CB8A5 · #D1E8E4 · #A3CCBB

Layered Calm

Creates a subtle, layered effect perfect for backgrounds, soft gradients, or delicate illustrations.

#B2D4CC · #CBE3DE · #A3CCBB

Fresh & Light

A light, airy base with a crisp accent and grounding soft mint, ideal for clean UI and highlighted information.

#D1E8E4 · #B2D4CC · #8CB8A5

CSS variables

:root {
  --frosted-mint-delight-1: #B2D4CC;
  --frosted-mint-delight-2: #D1E8E4;
  --frosted-mint-delight-3: #A3CCBB;
  --frosted-mint-delight-4: #8CB8A5;
  --frosted-mint-delight-5: #CBE3DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "frosted-mint-delight": {
        1: "#B2D4CC",
        2: "#D1E8E4",
        3: "#A3CCBB",
        4: "#8CB8A5",
        5: "#CBE3DE",
      }
    }
  }
}

Related searches

soft mint green palettepastel cool tones designgentle fresh color schemefrosted sweet huescalm minimalist mint

Palette colors

Hex values

Color 1#B2D4CC
·
Color 2#D1E8E4
·
Color 3#A3CCBB
·
Color 4#8CB8A5
·
Color 5#CBE3DE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.1:1Fail
1.4:1Fail
1.2:1Fail
2
1.2:1Fail
1.4:1Fail
1.7:1Fail
1.1:1Fail
3
1.1:1Fail
1.4:1Fail
1.3:1Fail
1.3:1Fail
4
1.4:1Fail
1.7:1Fail
1.3:1Fail
1.6:1Fail
5
1.2:1Fail
1.1:1Fail
1.3:1Fail
1.6:1Fail

Similar palettes

More like Frosted Mint Delight

View all pastel
Frosted Spearmint Dew
Cerulean Pottery Glaze
Dewdrop Morning Fresh
Fresh Spring Breeze
Frosted Pastels
Mint Julep Glow