Back to palettes

Palette

Minty Sea Glass

Cool, refreshing greens and blues, like tumbled sea glass found on a quiet shore.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A7DBD8#E0F2E9#6BB0A7#3D8C83#1E6B5A

Palette guide

How to use Minty Sea Glass

Overview

The 'Minty Sea Glass' palette features cool, refreshing greens and blues, reminiscent of tumbled sea glass found on a quiet shore. This collection, with its gentle #A7DBD8, ethereal #E0F2E9, and grounding #1E6B5A, offers designers a serene foundation for projects seeking natural elegance and calm. The distinct contrast between the softer #6BB0A7 and the rich #3D8C83 provides visual depth and interest. Developers can leverage these harmonious hex codes to create soothing user interfaces, eco-conscious branding, or any project aiming for a clean, organic, and contemporary aesthetic with a touch of nature's tranquility.

Best used for

  • Handmade craft and artisan brands
  • Eco-friendly product packaging
  • Beach house interior design
  • Coastal lifestyle blogs
  • Sustainable fashion lines
  • Environmental conservation websites

Suggested color roles

primary

A muted, calming teal-green (#6BB0A7), excellent for main content areas, navigation, or key brand elements.

secondary

A light, fresh mint-blue (#A7DBD8), ideal for secondary graphics, background elements, or supporting text.

accent

A deep, sophisticated teal (#3D8C83), perfect for impactful calls-to-action, important icons, or a strong footer color.

background

A very light, almost white mint (#E0F2E9), serving as a clean, unobtrusive canvas that feels airy and natural.

text

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

Accessibility notes

  • Ensure sufficient contrast when using #E0F2E9 or #A7DBD8 as backgrounds; darker text like #1E6B5A is essential.
  • The contrast between #A7DBD8 and #6BB0A7 is moderate; use carefully for small text or critical UI elements.
  • The darkest shade, #1E6B5A, provides excellent contrast for text against all lighter colors in the palette.
  • Always test text legibility on all background shades, especially for users with visual impairments.

Recommended combinations

Shoreline Calm

Creates a soft, layered effect, perfect for serene backgrounds or large header areas, evoking a peaceful beach.

#E0F2E9 · #A7DBD8 · #6BB0A7

Deep Sea Glass

Highlights key information with strong contrast against a light background, using deep, rich teal accents.

#E0F2E9 · #3D8C83 · #1E6B5A

Organic Flow

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

#A7DBD8 · #6BB0A7 · #3D8C83

CSS variables

:root {
  --minty-sea-glass-1: #A7DBD8;
  --minty-sea-glass-2: #E0F2E9;
  --minty-sea-glass-3: #6BB0A7;
  --minty-sea-glass-4: #3D8C83;
  --minty-sea-glass-5: #1E6B5A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "minty-sea-glass": {
        1: "#A7DBD8",
        2: "#E0F2E9",
        3: "#6BB0A7",
        4: "#3D8C83",
        5: "#1E6B5A",
      }
    }
  }
}

Related searches

sea glass color palettemint green teal colorscalm refreshing designnatural organic schemecoastal cool tones

Palette colors

Hex values

Color 1#A7DBD8
·
Color 2#E0F2E9
·
Color 3#6BB0A7
·
Color 4#3D8C83
·
Color 5#1E6B5A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.6:1Fail
4.2:1AA18
2
1.3:1Fail
2.2:1Fail
3.4:1AA18
5.5:1AA
3
1.6:1Fail
2.2:1Fail
1.6:1Fail
2.5:1Fail
4
2.6:1Fail
3.4:1AA18
1.6:1Fail
1.6:1Fail
5
4.2:1AA18
5.5:1AA
2.5:1Fail
1.6:1Fail

Similar palettes

More like Minty Sea Glass

View all cool