Palette

Matcha Tea Ceremony

A tranquil blend of serene greens, reflecting the soothing aesthetic of a traditional matcha tea ritual.

earthcalm5 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

#2B4E3C#5A8C6D#8CBF9D#C9E1C4#407353

Palette guide

How to use Matcha Tea Ceremony

Overview

The 'Matcha Tea Ceremony' palette offers a deeply tranquil and natural collection of greens, perfect for evoking serenity and organic purity. With shades ranging from the deep, grounding #2B4E3C and #407353 to the soothing mid-tones of #5A8C6D and #8CBF9D, culminating in the delicate lightness of #C9E1C4, this palette is ideal for creating harmonious digital and physical experiences. Designers and developers seeking an earthy, calming aesthetic will find these hues versatile for branding, UI, and environmental design. These greens foster a sense of peace and connection to nature, making them excellent for conveying health, sustainability, and mindfulness.

Best used for

Wellness and spa brand identity
Eco-friendly product packaging
Nature-themed websites and apps
Mindfulness and meditation content
Organic food and beverage branding
Interior design concepts for calming spaces

Suggested color roles

primary

#2B4E3C (Deep Forest Green) - Ideal for main brand elements, bold headings, and strong calls to action, providing a stable, earthy foundation.

secondary

#5A8C6D (Serene Matcha Green) - Excellent for subheadings, active states, and graphical elements, offering a harmonious balance.

accent

#8CBF9D (Soft Jade Green) - Use for interactive elements, highlights, or subtle decorative touches to add a gentle lift without overwhelming.

background

#C9E1C4 (Pale Mint Green) - A very light, airy base for content areas, ensuring readability and maintaining the tranquil mood.

text

#407353 (Forest Moss Green) - Recommended for primary body text on light backgrounds like #C9E1C4 to ensure good contrast and legibility, or a rich charcoal for maximum accessibility.

Accessibility notes

Ensure sufficient contrast between #2B4E3C or #407353 text on #C9E1C4 background for WCAG AA compliance.
Test #5A8C6D and #8CBF9D combinations for readability, especially for smaller text sizes or subtle UI elements.
Be mindful of green-red color vision deficiencies when using multiple greens for critical information or status indicators.
Use a darker shade like #2B4E3C for essential UI elements or links on lighter backgrounds to maintain visibility and interactivity.

Recommended combinations

Zen Base

Perfect for primary UI, offering a light background with strong, readable dark text and accents for core content.

#C9E1C4 · #2B4E3C · #407353

Natural Harmony

Effective for secondary sections, illustrations, or soft gradients, maintaining a gentle and inviting flow.

#5A8C6D · #8CBF9D · #C9E1C4

Deep Contrast

Use for striking hero sections, bold headers, or thematic elements where depth and richness are desired, with good visual hierarchy.

#2B4E3C · #5A8C6D · #8CBF9D

CSS variables

:root {
  --matcha-tea-ceremony-6-1: #2B4E3C;
  --matcha-tea-ceremony-6-2: #5A8C6D;
  --matcha-tea-ceremony-6-3: #8CBF9D;
  --matcha-tea-ceremony-6-4: #C9E1C4;
  --matcha-tea-ceremony-6-5: #407353;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "matcha-tea-ceremony-6": {
        1: "#2B4E3C",
        2: "#5A8C6D",
        3: "#8CBF9D",
        4: "#C9E1C4",
        5: "#407353",
      }
    }
  }
}

Hex values

Color 1#2B4E3C

Color 2#5A8C6D

Color 3#8CBF9D

Color 4#C9E1C4

Color 5#407353

Accessibility

Contrast checker

2.4:1Fail

4.5:1AA18

6.7:1AA

1.7:1Fail

2.4:1Fail

1.9:1Fail

2.8:1Fail

1.4:1Fail

4.5:1AA18

1.9:1Fail

1.5:1Fail

2.6:1Fail

6.7:1AA

2.8:1Fail

1.5:1Fail

4:1AA18

1.7:1Fail

1.4:1Fail

2.6:1Fail

4:1AA18

Similar palettes

More like Matcha Tea Ceremony

View all earth

Enchanted Garden Gate

Matcha Ceremonial Blend

Matcha Ceremony Peace

Tranquil Bamboo Grove

Whispering Bamboo Grove

Whispering Willow Shade