Back to palettes

Palette

Minty Frost Dew

Refreshing and invigorating, these cool aqua shades are like frosted mint leaves at dawn.

CoolCalm5 colors
More Cool 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

#B2EBF2#80DEEA#4DD0E1#26C6DA#00BCD4

Palette guide

How to use Minty Frost Dew

Overview

The 'Minty Frost Dew' palette (version 2) offers a vibrant cascade of cool aqua shades, perfect for designs that need to feel clean, invigorating, and modern. Featuring bright #B2EBF2, dynamic #4DD0E1, and deep #00BCD4, this collection provides a strong visual impact. Designers can leverage the progression from light to dark to create depth and visual hierarchy. Developers will find these hex codes, such as #80DEEA and #26C6DA, excellent for crafting engaging user interfaces, energetic branding, or any project aiming for a fresh, cool, and contemporary aesthetic with a hint of crispness.

Best used for

  • Modern tech interfaces
  • Fitness and activewear brands
  • Cleaning product packaging
  • Water conservation initiatives
  • Digital art and illustrations
  • Summer event branding

Suggested color roles

primary

A vibrant medium aqua (#4DD0E1), excellent for main brand elements, calls-to-action, or key interactive components.

secondary

A slightly lighter aqua (#80DEEA), perfect for supporting graphics, navigation, or as a background for secondary content blocks.

accent

A deep, commanding cyan (#00BCD4), ideal for highlighting critical information, interactive states, or strong visual anchors.

background

A very light, refreshing aqua (#B2EBF2), providing a clean and expansive canvas that feels airy and open.

text

For optimal readability, use a dark charcoal or black text. For headings, #00BCD4 offers good contrast on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when using #B2EBF2 as a background; darker text like black or #00BCD4 is recommended.
  • Avoid pairing #B2EBF2 with #80DEEA for small text or critical UI elements due to low contrast.
  • The darker shades, such as #26C6DA and #00BCD4, provide excellent contrast for text against very light backgrounds.
  • When using these colors for data visualization, consider colorblind-friendly alternatives for critical distinctions.

Recommended combinations

Aqua Gradient

Creates a smooth, refreshing gradient perfect for hero sections or background elements.

#B2EBF2 · #80DEEA · #4DD0E1

Dynamic Focus

Highlights key information with strong contrast against a light, airy background.

#00BCD4 · #26C6DA · #B2EBF2

Clean Interface

Provides a crisp and modern look suitable for user interfaces and interactive dashboards.

#B2EBF2 · #4DD0E1 · #00BCD4

CSS variables

:root {
  --minty-frost-dew-2-1: #B2EBF2;
  --minty-frost-dew-2-2: #80DEEA;
  --minty-frost-dew-2-3: #4DD0E1;
  --minty-frost-dew-2-4: #26C6DA;
  --minty-frost-dew-2-5: #00BCD4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "minty-frost-dew-2": {
        1: "#B2EBF2",
        2: "#80DEEA",
        3: "#4DD0E1",
        4: "#26C6DA",
        5: "#00BCD4",
      }
    }
  }
}

Related searches

aqua blue color palettecool refreshing colorsmodern cyan schemeclean ui colorsinvigorating brand palette

Palette colors

Hex values

Color 1#B2EBF2
·
Color 2#80DEEA
·
Color 3#4DD0E1
·
Color 4#26C6DA
·
Color 5#00BCD4
·

Accessibility

Contrast checker

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

Similar palettes

More like Minty Frost Dew

View all Cool