Back to palettes

Palette

Minty Fresh

A cool and crisp blend of blues and aquas, reminiscent of refreshing mint and clear water.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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 Fresh

Overview

The Minty Fresh palette is a cool and crisp blend of blues and aquas, reminiscent of refreshing mint and clear water. It features a deep, vibrant #00BCD4 as its anchor, complemented by a striking #26C6DA. Lighter, airy shades like #4DD0E1, #80DEEA, and #B2EBF2 complete the spectrum, providing an expansive and clean aesthetic. This palette is ideal for tech companies, clean product brands, or any digital presence aiming for a modern, refreshing, and trustworthy user experience. Designers can leverage its clear progression of cool tones to create depth and visual interest, while developers will find these distinct yet harmonious shades easy to integrate into dynamic and responsive interfaces.

Best used for

  • Tech and software company branding
  • Water purification or beverage products
  • Modern clean energy solutions
  • Wellness and self-care app interfaces
  • Marine or aquatic themed designs
  • Digital marketing for innovative services

Suggested color roles

primary

Utilize #00BCD4 as a strong primary color for main calls to action, important headings, or dominant brand elements.

secondary

Employ #26C6DA for supporting content, subheadings, or secondary interactive elements, offering a vibrant contrast.

accent

Apply #4DD0E1 as a bright accent for highlights, notifications, or small, impactful details.

background

Use #B2EBF2 as a very light, airy blue background, providing a clean, spacious, and modern canvas.

text

For optimal readability, a dark neutral like #333333 (charcoal) is recommended for body text. #00BCD4 offers excellent contrast for headings on light backgrounds.

Accessibility notes

  • Ensure sufficient contrast between the very light shades #80DEEA or #B2EBF2 and any text placed upon them.
  • The darkest shades #00BCD4 and #26C6DA provide excellent contrast against #B2EBF2 for text.
  • Avoid using #4DD0E1 for small text on #80DEEA backgrounds due to low contrast.
  • Always verify contrast ratios for all text and background pairings, particularly for critical information and smaller font sizes.

Recommended combinations

Aqua Core

Ideal for main sections and headers, conveying modernity and refreshing clarity.

#00BCD4 · #B2EBF2 · #26C6DA

Water Flow

Excellent for content blocks, progress indicators, or subtle background variations, creating a fluid progression.

#26C6DA · #80DEEA · #4DD0E1

Fresh Highlight

Great for highlighting specific features or creating a light, inviting visual separation with depth.

#4DD0E1 · #B2EBF2 · #00BCD4

CSS variables

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

Tailwind config

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

Related searches

mint blue green paletterefreshing aqua color schemeclean modern UI colorscool water brandinglight blue green hex codes

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 Fresh

View all cool