Back to palettes

Palette

Iced Mint Bloom

The crisp, refreshing sensation of frosted mint leaves, cool and invigorating.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Iced Mint Bloom 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 Iced Mint Bloom.

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

Data visualization

#C0E8D5#D7F0E5#A8DCD0#B9E6DB#E9FAF5

Palette guide

How to use Iced Mint Bloom

Overview

The Iced Mint Bloom palette captures the crisp, refreshing sensation of frosted mint leaves, offering a cool, invigorating, and decidedly pastel aesthetic. This collection is composed entirely of delicate mint greens, ranging from the very light #E9FAF5 and #D7F0E5 to the slightly deeper #B9E6DB, #C0E8D5, and #A8DCD0 (light Medium Aquamarine). It's an ideal choice for designers and developers aiming to convey freshness, purity, and calm. The monochromatic nature, with subtle variations, allows for sophisticated layering and a cohesive visual language, perfect for brands that emphasize natural ingredients, cleanliness, or gentle invigoration.

Best used for

  • Skincare and beauty product packaging
  • Fresh juice or health beverage branding
  • Spa and wellness retreat websites
  • Clean lifestyle blogs or recipe sites
  • Spring-themed event promotions
  • Baby products or children's apparel branding

Suggested color roles

primary

#A8DCD0 functions as a refreshing primary, ideal for headings or key UI elements that need a gentle yet clear presence.

secondary

#C0E8D5 provides a softer, supportive secondary, excellent for subheadings, background sections, or subtle accents.

accent

#B9E6DB offers a delicate accent, perfect for hover states, interactive elements, or subtle graphic details without overpowering the serene mood.

background

#E9FAF5 creates an expansive, airy background, mimicking frosted mint and providing a pristine canvas for content.

text

Due to the extreme lightness of this palette, a dark charcoal or black text is essential for optimal readability on all backgrounds. Avoid using any of the palette colors for text.

Accessibility notes

  • Crucial: Use dark charcoal or black for all text to ensure readability, as all palette colors are very light.
  • Avoid using any palette color for text, as it will likely fail WCAG contrast standards.
  • Ensure interactive elements have strong visual cues beyond color, given the subtle differences between shades.
  • Consider larger font sizes for body text to aid legibility against the light backgrounds.

Recommended combinations

Fresh Clarity

Use #E9FAF5 as a clean background, #A8DCD0 for a primary visual element, and #C0E8D5 for supporting details.

#E9FAF5 · #A8DCD0 · #C0E8D5

Minty Layers

Create subtle depth in UI cards or layered backgrounds, moving from #D7F0E5 to #A8DCD0 for a soft, cohesive look.

#D7F0E5 · #B9E6DB · #A8DCD0

Subtle Bloom

Apply #C0E8D5 as a primary section, #E9FAF5 for contrasting (dark) text, and #B9E6DB for delicate borders or secondary information.

#C0E8D5 · #E9FAF5 · #B9E6DB

CSS variables

:root {
  --iced-mint-bloom-1: #C0E8D5;
  --iced-mint-bloom-2: #D7F0E5;
  --iced-mint-bloom-3: #A8DCD0;
  --iced-mint-bloom-4: #B9E6DB;
  --iced-mint-bloom-5: #E9FAF5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "iced-mint-bloom": {
        1: "#C0E8D5",
        2: "#D7F0E5",
        3: "#A8DCD0",
        4: "#B9E6DB",
        5: "#E9FAF5",
      }
    }
  }
}

Related searches

iced mint palettefresh pastel greencool mint designserene green schemeinvigorating color inspiration

Palette colors

Hex values

Color 1#C0E8D5
·
Color 2#D7F0E5
·
Color 3#A8DCD0
·
Color 4#B9E6DB
·
Color 5#E9FAF5
·

Accessibility

Contrast checker

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

Similar palettes

More like Iced Mint Bloom

View all cool