Back to palettes

Palette

Mint Meadow Breeze

Captures the light, refreshing sensation of a cool breeze sweeping through a vibrant green meadow.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mint Meadow 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 Mint Meadow Breeze.

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

Data visualization

#3CB371#66CDAA#98FB98#B2F2BB#DFFDDF

Palette guide

How to use Mint Meadow Breeze

Overview

The Mint Meadow Breeze palette captures the light, refreshing sensation of a cool breeze sweeping through a vibrant green meadow. Anchored by a strong #3CB371, it gracefully transitions through a soft #66CDAA and a bright #98FB98. The palette culminates in airy, almost ethereal shades like #B2F2BB and #DFFDDF, which provide an expansive and tranquil feel. This collection is ideal for brands in nature, outdoor living, or any digital presence aiming for a calm, fresh, and inviting user experience. Designers can use its clear progression of greens to create depth and visual harmony, while developers will appreciate the distinct yet complementary tones for building intuitive and aesthetically pleasing interfaces.

Best used for

  • Nature and environmental non-profit websites
  • Outdoor apparel and gear branding
  • Spring and summer event promotions
  • Gardening and landscaping services
  • Mindfulness and relaxation app UIs
  • Eco-tourism marketing materials

Suggested color roles

primary

Utilize #3CB371 as the dominant green for main headings, primary calls to action, or strong brand elements.

secondary

Employ #66CDAA for supporting content, subheadings, or secondary interactive components.

accent

Apply #98FB98 as a vibrant accent for highlights, success indicators, or small, attention-grabbing details.

background

Use #DFFDDF as a very light, airy background color, providing a clean and spacious feel.

text

For optimal readability, a dark neutral like #333333 (charcoal) is recommended for body text. #3CB371 can be effectively used for larger text on light backgrounds.

Accessibility notes

  • Ensure sufficient contrast between #DFFDDF or #B2F2BB and text, especially for smaller font sizes.
  • The darker shades #3CB371 and #66CDAA offer good contrast against the lightest background #DFFDDF.
  • Avoid using #B2F2BB as text on #DFFDDF backgrounds due to insufficient contrast.
  • Always verify contrast ratios for critical text elements to ensure readability across all devices.

Recommended combinations

Meadow Core

Ideal for main sections and headers, conveying a strong yet fresh brand identity.

#3CB371 · #DFFDDF · #66CDAA

Breeze Flow

Excellent for content blocks, testimonials, or subtle background variations, creating a gentle progression.

#66CDAA · #B2F2BB · #98FB98

Spring Accent

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

#98FB98 · #DFFDDF · #3CB371

CSS variables

:root {
  --mint-meadow-breeze-1: #3CB371;
  --mint-meadow-breeze-2: #66CDAA;
  --mint-meadow-breeze-3: #98FB98;
  --mint-meadow-breeze-4: #B2F2BB;
  --mint-meadow-breeze-5: #DFFDDF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mint-meadow-breeze": {
        1: "#3CB371",
        2: "#66CDAA",
        3: "#98FB98",
        4: "#B2F2BB",
        5: "#DFFDDF",
      }
    }
  }
}

Related searches

green meadow palettefresh spring color schemecalm nature UI colorsmint green brandinglight green web design

Palette colors

Hex values

Color 1#3CB371
·
Color 2#66CDAA
·
Color 3#98FB98
·
Color 4#B2F2BB
·
Color 5#DFFDDF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
2.1:1Fail
2.4:1Fail
2
1.4:1Fail
1.5:1Fail
1.5:1Fail
1.8:1Fail
3
2.1:1Fail
1.5:1Fail
1:1Fail
1.2:1Fail
4
2.1:1Fail
1.5:1Fail
1:1Fail
1.2:1Fail
5
2.4:1Fail
1.8:1Fail
1.2:1Fail
1.2:1Fail

Similar palettes

More like Mint Meadow Breeze

View all cool
Fresh Mint Serenity
Minty Freshwater Stream
Frosted Spearmint Dew
Glacial Stream Whisper
Iced Mint Bloom
Mint Glacial Stream