Back to palettes

Palette

Minty Fresh Air

Crisp and invigorating, like a breath of fresh, cool air on a clear spring morning.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8FE3C0#B1F2D8#D8FCEB#6DCFAD#A1ECCF

Palette guide

How to use Minty Fresh Air

Overview

The Minty Fresh Air palette is a collection of crisp and invigorating pastel greens, designed to evoke the sensation of a cool, clear spring morning. It features a balanced #6DCFAD as its deepest tone, complemented by a vibrant #8FE3C0 and a soft #A1ECCF. Lighter, airy shades like #B1F2D8 and #D8FCEB complete the spectrum, providing an expansive and tranquil feel. This palette is ideal for brands in clean living, natural products, or any digital experience aiming for a light, energetic, and refreshing user journey. Designers can leverage its harmonious progression of greens to create subtle depth, while developers will find these distinct yet complementary shades effective for building clean and inviting user interfaces.

Best used for

  • Clean beauty and skincare branding
  • Spring fashion collections
  • Home decor and linen products
  • Wellness and self-care app UIs
  • Baby and children's product packaging
  • Eco-friendly lifestyle blogs

Suggested color roles

primary

Utilize #6DCFAD as a grounding primary color for main headings or key brand identifiers, offering stability.

secondary

Employ #8FE3C0 for supporting content, subheadings, or secondary interactive elements, providing a fresh feel.

accent

Apply #A1ECCF as a soft accent for highlights, subtle icons, or delicate calls to attention.

background

Use #D8FCEB as a very light, almost white background, providing a clean and spacious canvas.

text

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

Accessibility notes

  • Ensure sufficient contrast between the very light shades #B1F2D8 or #D8FCEB and any text placed upon them.
  • The darkest shade, #6DCFAD, offers good contrast against #D8FCEB for text and important elements.
  • Avoid using #B1F2D8 as text on #D8FCEB backgrounds due to insufficient contrast.
  • Always verify contrast ratios for all text and background pairings, particularly for critical information.

Recommended combinations

Morning Core

Ideal for main sections and headers, conveying freshness and gentle stability.

#6DCFAD · #D8FCEB · #8FE3C0

Airy Flow

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

#8FE3C0 · #B1F2D8 · #A1ECCF

Spring Highlight

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

#A1ECCF · #D8FCEB · #6DCFAD

CSS variables

:root {
  --minty-fresh-air-1: #8FE3C0;
  --minty-fresh-air-2: #B1F2D8;
  --minty-fresh-air-3: #D8FCEB;
  --minty-fresh-air-4: #6DCFAD;
  --minty-fresh-air-5: #A1ECCF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "minty-fresh-air": {
        1: "#8FE3C0",
        2: "#B1F2D8",
        3: "#D8FCEB",
        4: "#6DCFAD",
        5: "#A1ECCF",
      }
    }
  }
}

Related searches

pastel mint green palettefresh clean color schemespring UI design colorseco-friendly branding pastelslight green hex codes

Palette colors

Hex values

Color 1#8FE3C0
·
Color 2#B1F2D8
·
Color 3#D8FCEB
·
Color 4#6DCFAD
·
Color 5#A1ECCF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.2:1Fail
1.1:1Fail
2
1.2:1Fail
1.1:1Fail
1.5:1Fail
1.1:1Fail
3
1.4:1Fail
1.1:1Fail
1.7:1Fail
1.2:1Fail
4
1.2:1Fail
1.5:1Fail
1.7:1Fail
1.4:1Fail
5
1.1:1Fail
1.1:1Fail
1.2:1Fail
1.4:1Fail

Similar palettes

More like Minty Fresh Air

View all pastel