Back to palettes

Palette

Matcha Tea Ceremony

Gentle, natural greens evoking the tranquil and mindful ritual of a matcha tea ceremony.

earthminimal5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Matcha Tea Ceremony 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 Tea Ceremony.

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

Data visualization

#4F6D4F#7BA27B#A5C9A5#D2E7D2#385138

Palette guide

How to use Matcha Tea Ceremony

Overview

The "Matcha Tea Ceremony" palette offers a serene collection of natural greens, perfect for evoking tranquility and mindfulness in digital and print designs. Anchored by the deep, grounding #385138 and complemented by the rich #4F6D4F, this palette transitions smoothly through the calming #7BA27B and the airy #A5C9A5, culminating in the delicate #D2E7D2. Designers and developers can leverage these shades to craft experiences that feel organic, sophisticated, and soothing. Ideal for projects aiming for a subtle elegance, this palette supports a harmonious visual language without overwhelming the user, reflecting the quiet beauty of a traditional tea ritual.

Best used for

  • Wellness and meditation apps
  • Eco-friendly brand identities
  • Spa or hospitality website designs
  • Organic food packaging
  • Nature-themed educational materials
  • Minimalist interior design concepts

Suggested color roles

primary

#4F6D4F - A balanced, earthy green perfect for main branding elements, large content blocks, or calls to action that need to feel established yet inviting.

secondary

#7BA27B - Use this medium green for supporting graphics, illustrations, or as a background for sections that require a gentle lift from the primary.

accent

#A5C9A5 - This lighter, refreshing green serves well for subtle highlights, interactive states, or decorative elements, adding a touch of freshness without being too bright.

background

#D2E7D2 - An exceptionally light green that creates a soft, clean canvas for content. It provides a calming base that allows darker text and elements to stand out gently.

text

#385138 - The deepest green provides excellent readability for body text and headlines against lighter backgrounds like #D2E7D2 or #A5C9A5, maintaining the palette's natural feel. Alternatively, a true charcoal or black could be used for maximum contrast on #D2E7D2.

Accessibility notes

  • Ensure sufficient contrast when using #385138 or #4F6D4F for text on #D2E7D2 or #A5C9A5 backgrounds to meet WCAG AA standards.
  • Avoid placing #7BA27B text directly on #4F6D4F as their contrast may be insufficient for readability, especially for users with visual impairments.
  • Consider using a pure white (#FFFFFF) or off-white for text on the darkest green #385138 for optimal legibility.
  • Test all text and interactive element color combinations against WCAG guidelines, particularly for small text and critical UI components.

Recommended combinations

Forest Calm

Ideal for creating a deep, grounding base with a refreshing highlight. Use #385138 for text/headers, #7BA27B for secondary elements, and #D2E7D2 as a primary background.

#385138 · #7BA27B · #D2E7D2

Verdant Harmony

A balanced trio for a harmonious feel. #4F6D4F as a dominant color, #A5C9A5 for accents or light backgrounds, and #7BA27B for supporting elements.

#4F6D4F · #A5C9A5 · #7BA27B

Subtle Growth

Perfect for soft, layered interfaces. #D2E7D2 for large backgrounds, #A5C9A5 for panels, and #4F6D4F for key information or subtle calls to action.

#D2E7D2 · #A5C9A5 · #4F6D4F

CSS variables

:root {
  --matcha-tea-ceremony-2-1: #4F6D4F;
  --matcha-tea-ceremony-2-2: #7BA27B;
  --matcha-tea-ceremony-2-3: #A5C9A5;
  --matcha-tea-ceremony-2-4: #D2E7D2;
  --matcha-tea-ceremony-2-5: #385138;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "matcha-tea-ceremony-2": {
        1: "#4F6D4F",
        2: "#7BA27B",
        3: "#A5C9A5",
        4: "#D2E7D2",
        5: "#385138",
      }
    }
  }
}

Related searches

calm green color schemeszen nature paletteearthy muted greensmatcha inspired design colorssubtle branding greens

Palette colors

Hex values

Color 1#4F6D4F
·
Color 2#7BA27B
·
Color 3#A5C9A5
·
Color 4#D2E7D2
·
Color 5#385138
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.2:1AA18
4.4:1AA18
1.5:1Fail
2
2:1Fail
1.6:1Fail
2.2:1Fail
3:1AA18
3
3.2:1AA18
1.6:1Fail
1.4:1Fail
4.8:1AA
4
4.4:1AA18
2.2:1Fail
1.4:1Fail
6.7:1AA
5
1.5:1Fail
3:1AA18
4.8:1AA
6.7:1AA

Similar palettes

More like Matcha Tea Ceremony

View all earth
Gentle Bamboo Grove
Bamboo Grove Zen
Matcha Tea Ceremony
Zen Bonsai Calm
Desert Dune Silhouette
Desert Succulent Garden