Back to palettes

Palette

Mint Tea Refresh

Light, invigorating greens and subtle whites for a clean, refreshing feel, like a cool cup of mint tea on a hot day.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Mint Tea Refresh 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 Tea Refresh.

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

Data visualization

#98FB98#C1FFC1#E0FFE0#6B8E23#3CB371

Palette guide

How to use Mint Tea Refresh

Overview

The Mint Tea Refresh palette offers a collection of light, invigorating greens and subtle whites, creating a clean and refreshing feel, much like a cool cup of mint tea. It features a rich, earthy #6B8E23 and a vibrant #3CB371 as its grounding tones. Lighter, brighter shades like #98FB98, #C1FFC1, and an almost white #E0FFE0 provide an airy and expansive aesthetic. This palette is ideal for health-focused brands, organic product lines, or any digital experience aiming for a clean, energetic, and serene user journey. Designers can leverage its clear contrast between vibrant and muted tones to create dynamic yet harmonious layouts, while developers will find these distinct shades effective for building intuitive interfaces.

Best used for

  • Herbal tea and beverage branding
  • Health and nutrition websites
  • Organic product packaging
  • Spa and wellness digital platforms
  • Spring-themed marketing campaigns
  • Minimalist blog designs

Suggested color roles

primary

Utilize #3CB371 as a vibrant primary color for main calls to action or key brand identifiers.

secondary

Employ #6B8E23 for supporting content, subheadings, or secondary interactive elements, providing a natural contrast.

accent

Apply #98FB98 as a refreshing accent for highlights, success messages, or small, energetic details.

background

Use #E0FFE0 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. #6B8E23 offers excellent contrast for headings on light backgrounds.

Accessibility notes

  • Ensure sufficient contrast between the very light shades #C1FFC1 or #E0FFE0 and any text placed upon them.
  • The darker tones #6B8E23 and #3CB371 provide excellent contrast against #E0FFE0 for text.
  • Avoid using #98FB98 for small text on #C1FFC1 backgrounds due to low contrast.
  • Always verify contrast ratios for critical text elements to ensure readability across all devices and conditions.

Recommended combinations

Tea Core

Ideal for main sections and headers, conveying freshness and natural energy.

#3CB371 · #E0FFE0 · #6B8E23

Refreshing Flow

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

#6B8E23 · #C1FFC1 · #98FB98

Minty Burst

Great for highlighting specific features or creating a light, inviting visual separation with a pop of color.

#98FB98 · #E0FFE0 · #3CB371

CSS variables

:root {
  --mint-tea-refresh-1: #98FB98;
  --mint-tea-refresh-2: #C1FFC1;
  --mint-tea-refresh-3: #E0FFE0;
  --mint-tea-refresh-4: #6B8E23;
  --mint-tea-refresh-5: #3CB371;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "mint-tea-refresh": {
        1: "#98FB98",
        2: "#C1FFC1",
        3: "#E0FFE0",
        4: "#6B8E23",
        5: "#3CB371",
      }
    }
  }
}

Related searches

mint tea color palettefresh green white schemevibrant serene UI colorsorganic health brandinglight green hex codes

Palette colors

Hex values

Color 1#98FB98
·
Color 2#C1FFC1
·
Color 3#E0FFE0
·
Color 4#6B8E23
·
Color 5#3CB371
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
3:1AA18
2.1:1Fail
2
1.1:1Fail
1.1:1Fail
3.3:1AA18
2.3:1Fail
3
1.2:1Fail
1.1:1Fail
3.5:1AA18
2.5:1Fail
4
3:1AA18
3.3:1AA18
3.5:1AA18
1.4:1Fail
5
2.1:1Fail
2.3:1Fail
2.5:1Fail
1.4:1Fail

Similar palettes

More like Mint Tea Refresh

View all cool
Arctic Northern Bloom
Fresh Mint Serenity
Frosted Spearmint Dew
Mint Julep Glow
Mint Leaf Refresh
Mint Meadow Breeze