Back to palettes

Palette

Minty Sea Breeze

Refreshing blend of minty greens and blues, like a cool breeze sweeping across a pristine ocean.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#AFEEEE#B0E0E6#66CDAA#40E0D0#20B2AA

Palette guide

How to use Minty Sea Breeze

Overview

The 'Minty Sea Breeze' palette is a refreshing blend of minty greens and cool blues, reminiscent of a crisp ocean breeze. Featuring airy #AFEEEE, serene #B0E0E6, and vibrant #40E0D0, this collection offers designers a versatile foundation for projects seeking freshness and tranquility. The distinct contrast between the lively #66CDAA and the deep #20B2AA provides visual depth and focus. Developers can leverage these harmonious hex codes to create engaging user interfaces, energetic branding, or any project aiming for a clean, cool, and contemporary aesthetic with a hint of nature's calm.

Best used for

  • Coastal-themed brand identities
  • Spa and wellness retreats
  • Water sports and leisure marketing
  • Eco-conscious product lines
  • Travel and tourism websites
  • Spring and summer fashion collections

Suggested color roles

primary

A vibrant medium aquamarine (#66CDAA), excellent for main calls-to-action or key brand elements, offering a fresh yet stable feel.

secondary

A light, airy aquamarine (#AFEEEE), ideal for secondary navigation, background elements, or supporting graphics, providing an open complement.

accent

A striking turquoise (#40E0D0), perfect for impactful buttons, hover states, or important icons, adding a dynamic pop.

background

A very light, refreshing blue (#B0E0E6), serving as a clean, expansive canvas that feels airy and open.

text

For primary headings and important information, #20B2AA offers good contrast against lighter backgrounds. For body text, consider a dark charcoal or black for maximum readability.

Accessibility notes

  • Ensure sufficient contrast when using #B0E0E6 or #AFEEEE as a background with lighter text colors; darker shades like #20B2AA are better for body text.
  • Avoid using #AFEEEE and #B0E0E6 together for small text or critical UI elements due to very low contrast.
  • The deeper #20B2AA provides excellent contrast against #B0E0E6 for essential UI elements and readable text.
  • Always test text legibility on all background shades, especially for users with visual impairments.

Recommended combinations

Ocean Calm

Creates a smooth, serene gradient perfect for backgrounds or large header areas, evoking a calm sea.

#B0E0E6 · #AFEEEE · #66CDAA

Breeze Pop

Highlights key information with a vibrant accent against a light background, grounded by a deep teal.

#AFEEEE · #40E0D0 · #20B2AA

Coastal Flow

Suitable for content blocks or sections that need a cohesive blend of mint and deep aqua tones.

#66CDAA · #40E0D0 · #20B2AA

CSS variables

:root {
  --minty-sea-breeze-1: #AFEEEE;
  --minty-sea-breeze-2: #B0E0E6;
  --minty-sea-breeze-3: #66CDAA;
  --minty-sea-breeze-4: #40E0D0;
  --minty-sea-breeze-5: #20B2AA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "minty-sea-breeze": {
        1: "#AFEEEE",
        2: "#B0E0E6",
        3: "#66CDAA",
        4: "#40E0D0",
        5: "#20B2AA",
      }
    }
  }
}

Related searches

mint green sea palettecool aqua blue colorsrefreshing coastal designclean spring palettecalming ocean scheme

Palette colors

Hex values

Color 1#AFEEEE
·
Color 2#B0E0E6
·
Color 3#66CDAA
·
Color 4#40E0D0
·
Color 5#20B2AA
·

Accessibility

Contrast checker

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

Similar palettes

More like Minty Sea Breeze

View all cool
Alpine Lake Shimmer
Aqua Ocean Tide
Aqua Seafoam Dream
Bluebell Valley
Coastal Reef Ripple
Cool Mint Serene