Back to palettes

Palette

Matcha Tea Ceremony

Gentle and calming greens inspired by the serene preparation of traditional matcha tea.

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

#82A379#B1D19C#E4F1CF#566E53#9CBF8E

Palette guide

How to use Matcha Tea Ceremony

Overview

The Matcha Tea Ceremony palette offers a serene collection of greens, perfect for evoking calm and natural elegance. Anchored by the balanced #82A379, it pairs beautifully with the softer #B1D19C, reminiscent of fresh tea leaves. The lightest shade, #E4F1CF, provides a gentle, almost creamy background, ensuring a soothing visual experience. For depth and contrast, the rich #566E53 grounds the scheme, while #9CBF8E adds a muted, harmonious mid-tone. This palette is ideal for designers and developers aiming for a tranquil, sophisticated, and earthy aesthetic, promoting a sense of peace and organic beauty in their projects.

Best used for

  • Spa and wellness branding
  • Organic food packaging design
  • Meditation app interfaces
  • Nature-themed websites or blogs
  • Sustainable product marketing
  • Japanese cultural event promotions

Suggested color roles

primary

Ideal for main brand elements, headlines, or primary call-to-action buttons, conveying balance and freshness using #82A379.

secondary

Use #B1D19C for subheadings, secondary buttons, or large graphical elements to provide a lighter, airy feel without losing the green essence.

accent

Excellent for subtle highlights, icons, important text, or as a dark, grounding element to add sophistication and depth with #566E53.

background

A soft, inviting base for entire pages, content blocks, or subtle UI elements, ensuring readability and a calming atmosphere with #E4F1CF.

text

The deep green #566E53 offers excellent contrast on lighter shades like #E4F1CF. Alternatively, a true charcoal black provides maximum readability on very light backgrounds.

Accessibility notes

  • Ensure sufficient contrast between #566E53 text and #E4F1CF backgrounds to meet WCAG AA compliance for large text.
  • Avoid using #B1D19C or #9CBF8E for small body text on very light backgrounds as contrast may be insufficient for readability.
  • Pair #82A379 with a dark text color like #566E53 or black for optimal readability in UI elements.
  • Always test color combinations with accessibility tools, especially for interactive elements and crucial information display.

Recommended combinations

Serene Base

Core brand identity, website layouts, and printed materials requiring a balanced, calming feel.

#E4F1CF · #82A379 · #566E53

Fresh UI

Interactive elements, data visualizations, or sections needing a subtle, yet distinct green hierarchy.

#B1D19C · #9CBF8E · #566E53

Earthy Accent

Subtle graphic details, illustrations, or as a harmonious trio for natural product packaging.

#82A379 · #E4F1CF · #9CBF8E

CSS variables

:root {
  --matcha-tea-ceremony-5-1: #82A379;
  --matcha-tea-ceremony-5-2: #B1D19C;
  --matcha-tea-ceremony-5-3: #E4F1CF;
  --matcha-tea-ceremony-5-4: #566E53;
  --matcha-tea-ceremony-5-5: #9CBF8E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "matcha-tea-ceremony-5": {
        1: "#82A379",
        2: "#B1D19C",
        3: "#E4F1CF",
        4: "#566E53",
        5: "#9CBF8E",
      }
    }
  }
}

Related searches

calm green color paletteearthy japanese colorsmatcha inspired designnatural wellness color schemeserene green branding

Palette colors

Hex values

Color 1#82A379
·
Color 2#B1D19C
·
Color 3#E4F1CF
·
Color 4#566E53
·
Color 5#9CBF8E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.4:1Fail
2:1Fail
1.4:1Fail
2
1.7:1Fail
1.4:1Fail
3.3:1AA18
1.2:1Fail
3
2.4:1Fail
1.4:1Fail
4.7:1AA
1.7:1Fail
4
2:1Fail
3.3:1AA18
4.7:1AA
2.7:1Fail
5
1.4:1Fail
1.2:1Fail
1.7:1Fail
2.7:1Fail

Similar palettes

More like Matcha Tea Ceremony

View all earth
Matcha Ritual
Bamboo Grove Mist
Desert Sage Bloom
Dune Seagrass Drift
Enchanted Garden Gate
Forest Whisper Green