Back to palettes

Palette

Minty Spring

A crisp and invigorating collection of cool greens, reminiscent of fresh mint leaves in spring.

coolnatural5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#98FF98#7CFC00#3CB371#2E8B57#008080

Palette guide

How to use Minty Spring

Overview

The 'Minty Spring' palette is a crisp and invigorating collection of cool greens, reminiscent of fresh mint leaves in spring. Featuring the bright #98FF98, lively #7CFC00, and deep #008080, this collection offers designers a dynamic foundation for projects seeking natural vibrancy and freshness. The distinct contrast between the softer #3CB371 and the rich #2E8B57 provides visual depth and focus. Developers can leverage these harmonious hex codes to create energetic user interfaces, eco-conscious branding, or any project aiming for a clean, organic, and lively aesthetic with a touch of nature's renewal.

Best used for

  • Gardening and horticulture brands
  • Health and wellness products
  • Spring seasonal marketing
  • Eco-friendly initiatives
  • Outdoor adventure websites
  • Children's educational content

Suggested color roles

primary

A lively, bright green (#7CFC00), excellent for main calls-to-action or key brand elements, offering a burst of freshness.

secondary

A softer, light mint green (#98FF98), ideal for secondary navigation, background elements, or supporting graphics, providing an airy complement.

accent

A deep, grounding teal-green (#008080), perfect for impactful buttons, hover states, or important icons, adding significant depth and focus.

background

A balanced medium sea green (#3CB371), serving as a rich, natural canvas that allows lighter elements to pop while maintaining warmth.

text

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

Accessibility notes

  • Ensure sufficient contrast when using #98FF98 as a background; darker text like #008080 is essential for readability.
  • The contrast between #7CFC00 and #98FF98 is low; avoid using them together for small text or critical UI elements.
  • The darker shades, #2E8B57 and #008080, provide excellent contrast for text against the lighter greens in the palette.
  • Always test text legibility on all background shades, especially for users with visual impairments.

Recommended combinations

Fresh Growth

Creates a vibrant, energetic gradient perfect for headers or sections symbolizing growth and vitality.

#98FF98 · #7CFC00 · #3CB371

Deep Forest

Highlights key information with rich, deep greens, ideal for natural, sophisticated branding.

#3CB371 · #2E8B57 · #008080

Spring Pop

Provides a bright, lively foreground against a deep, grounding background for high impact.

#98FF98 · #7CFC00 · #008080

CSS variables

:root {
  --minty-spring-1: #98FF98;
  --minty-spring-2: #7CFC00;
  --minty-spring-3: #3CB371;
  --minty-spring-4: #2E8B57;
  --minty-spring-5: #008080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "minty-spring": {
        1: "#98FF98",
        2: "#7CFC00",
        3: "#3CB371",
        4: "#2E8B57",
        5: "#008080",
      }
    }
  }
}

Related searches

mint green vibrant palettefresh spring green colorsnature inspired designenergetic green schemeeco friendly bright colors

Palette colors

Hex values

Color 1#98FF98
·
Color 2#7CFC00
·
Color 3#3CB371
·
Color 4#2E8B57
·
Color 5#008080
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
2.2:1Fail
3.5:1AA18
3.9:1AA18
2
1.1:1Fail
2:1Fail
3.2:1AA18
3.6:1AA18
3
2.2:1Fail
2:1Fail
1.6:1Fail
1.8:1Fail
4
3.5:1AA18
3.2:1AA18
1.6:1Fail
1.1:1Fail
5
3.9:1AA18
3.6:1AA18
1.8:1Fail
1.1:1Fail

Similar palettes

More like Minty Spring

View all cool
Spring Dewdrop Greens
Dewdrop Emerald Vine
Emerald Bamboo Sway
Emerald Coast Sparkle
Emerald Coastline Bloom
Emerald Grove Sanctuary