Back to palettes

Palette

Matcha Bloom Zen

A vibrant yet serene palette, inspired by the calming ritual and fresh color of matcha tea.

vibrantcalm5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Matcha Bloom Zen 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 Matcha Bloom Zen.

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

Data visualization

#7CFC00#3CB371#2E8B57#6B8E23#ADFF2F

Palette guide

How to use Matcha Bloom Zen

Overview

The Matcha Bloom Zen palette is a vibrant yet calming collection of fresh greens, inspired by the lushness and serenity of matcha tea. Featuring lively hues like #7CFC00 and #ADFF2F, alongside deeper, more grounded greens such as #3CB371, #2E8B57, and #6B8E23, this palette is perfect for projects seeking to convey freshness, nature, and tranquility. Designers can effectively use this scheme for health and wellness branding, eco-friendly products, or digital interfaces that aim for a refreshing and harmonious user experience. It's an excellent choice for creating designs that feel organic, vital, and peaceful.

Best used for

  • Health and wellness branding
  • Organic food packaging
  • Eco-friendly product design
  • Nature and outdoor activity websites
  • Spa or yoga studio marketing
  • Sustainable living blogs

Suggested color roles

primary

Use the vibrant #7CFC00 for main calls-to-action or prominent elements, bringing a burst of fresh energy.

secondary

The balanced #3CB371 works well for secondary content or larger sections, providing a stable, natural base.

accent

The bright, almost neon #ADFF2F is perfect for highlighting key information, icons, or interactive elements, ensuring visibility.

background

The deeper #2E8B57 can serve as a rich, grounding background, or #6B8E23 for a more muted, earthy feel.

text

On darker greens, a light grey or white is recommended for readability. For lighter greens, a deep charcoal or black works well.

Accessibility notes

  • #ADFF2F text on #7CFC00 or #6B8E23 will likely have insufficient contrast; use a darker text.
  • #2E8B57 offers good contrast for text on #ADFF2F or #7CFC00.
  • Ensure strong contrast for text elements, especially when using vibrant greens on similar hues.
  • Prioritize darker greens for body text on lighter backgrounds to maintain readability.

Recommended combinations

Fresh Growth

A lively and energetic blend, ideal for highlighting new features or positive messaging.

#7CFC00 · #3CB371 · #ADFF2F

Zen Garden

Creates a balanced, natural look, perfect for backgrounds and content blocks.

#2E8B57 · #6B8E23 · #7CFC00

Matcha Burst

Excellent for vibrant accents against a deeper, calming green backdrop.

#ADFF2F · #3CB371 · #2E8B57

CSS variables

:root {
  --matcha-bloom-zen-1: #7CFC00;
  --matcha-bloom-zen-2: #3CB371;
  --matcha-bloom-zen-3: #2E8B57;
  --matcha-bloom-zen-4: #6B8E23;
  --matcha-bloom-zen-5: #ADFF2F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "matcha-bloom-zen": {
        1: "#7CFC00",
        2: "#3CB371",
        3: "#2E8B57",
        4: "#6B8E23",
        5: "#ADFF2F",
      }
    }
  }
}

Related searches

vibrant matcha palettefresh green zen colorsnatural health brandingcalming nature schemeeco-friendly green hues

Palette colors

Hex values

Color 1#7CFC00
·
Color 2#3CB371
·
Color 3#2E8B57
·
Color 4#6B8E23
·
Color 5#ADFF2F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.2:1AA18
2.9:1Fail
1.1:1Fail
2
2:1Fail
1.6:1Fail
1.4:1Fail
2.2:1Fail
3
3.2:1AA18
1.6:1Fail
1.1:1Fail
3.5:1AA18
4
2.9:1Fail
1.4:1Fail
1.1:1Fail
3.1:1AA18
5
1.1:1Fail
2.2:1Fail
3.5:1AA18
3.1:1AA18

Similar palettes

More like Matcha Bloom Zen

View all vibrant
Aegean Breeze Azure
Botanical Bloom Canopy
Coral Reef Dawn
Electric Meadow
Exotic Island Escape
Forest Nymph Bloom