Back to palettes

Palette

Minty Fresh Breeze

Fresh, crisp greens and aquas, like a cool minty breeze on a summer's day.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#00A38D#3EC3B4#72E3D4#A8FFF5#DFFFFC

Palette guide

How to use Minty Fresh Breeze

Overview

The Minty Fresh Breeze palette offers a crisp and invigorating blend of greens and aquas, reminiscent of a cool summer's day breeze. It features a deep, sophisticated #00A38D as its grounding tone, complemented by a vibrant #3EC3B4. Lighter, ethereal shades like #72E3D4, #A8FFF5, and #DFFFFC complete the spectrum, providing an expansive and clean aesthetic. This palette is ideal for tech companies, modern lifestyle brands, or any digital product aiming for a refreshing, innovative, and sleek 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 responsive and dynamic interfaces.

Best used for

  • Tech startup branding and websites
  • Modern digital product interfaces
  • Sustainable and eco-conscious businesses
  • Fitness and health tracking apps
  • Travel and tourism promotions (coastal)
  • Clean energy solutions marketing

Suggested color roles

primary

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

secondary

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

accent

Apply #72E3D4 as a bright accent for highlights, notifications, or small, impactful details.

background

Use #DFFFFC as a very light, almost white background, providing a clean, airy, and modern canvas.

text

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

Accessibility notes

  • Ensure sufficient contrast between the very light shades #A8FFF5 or #DFFFFC and any text placed upon them.
  • The darkest shades #00A38D and #3EC3B4 provide excellent contrast against #DFFFFC for text.
  • Avoid using #72E3D4 for small text on #A8FFF5 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

Breeze Core

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

#00A38D · #DFFFFC · #3EC3B4

Aqua Flow

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

#3EC3B4 · #A8FFF5 · #72E3D4

Fresh Accent

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

#72E3D4 · #DFFFFC · #00A38D

CSS variables

:root {
  --minty-fresh-breeze-1: #00A38D;
  --minty-fresh-breeze-2: #3EC3B4;
  --minty-fresh-breeze-3: #72E3D4;
  --minty-fresh-breeze-4: #A8FFF5;
  --minty-fresh-breeze-5: #DFFFFC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "minty-fresh-breeze": {
        1: "#00A38D",
        2: "#3EC3B4",
        3: "#72E3D4",
        4: "#A8FFF5",
        5: "#DFFFFC",
      }
    }
  }
}

Related searches

mint aqua green palettefresh modern color schemeclean tech UI colorsrefreshing web designcool blue green hex codes

Palette colors

Hex values

Color 1#00A38D
·
Color 2#3EC3B4
·
Color 3#72E3D4
·
Color 4#A8FFF5
·
Color 5#DFFFFC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.1:1Fail
2.8:1Fail
3:1Fail
2
1.5:1Fail
1.4:1Fail
1.9:1Fail
2.1:1Fail
3
2.1:1Fail
1.4:1Fail
1.3:1Fail
1.5:1Fail
4
2.8:1Fail
1.9:1Fail
1.3:1Fail
1.1:1Fail
5
3:1Fail
2.1:1Fail
1.5:1Fail
1.1:1Fail

Similar palettes

More like Minty Fresh Breeze

View all cool