Back to palettes

Palette

Jade Tea Ceremony

A peaceful blend of muted greens, inspired by the calming ritual of a Japanese matcha tea ceremony.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#4F7942#6F8F5C#9EC18A#D6E6CC#3E5E32

Palette guide

How to use Jade Tea Ceremony

Overview

The "Jade Tea Ceremony" palette offers a deeply serene and natural collection of muted greens, perfect for evoking calm and tranquility. Inspired by the peaceful ritual of matcha, this palette features a grounding primary shade of #4F7942, complemented by the softer #6F8F5C and the airy #D6E6CC. Designers and developers can leverage these tones to create inviting digital and physical spaces that feel organic and harmonious. The darker #3E5E32 provides excellent contrast for text and accents, ensuring readability while maintaining the palette's gentle aesthetic. This blend is ideal for projects aiming to convey health, nature, and a quiet sophistication.

Best used for

  • Wellness and spa branding
  • Eco-conscious product packaging
  • Nature-themed websites and mobile apps
  • Meditation and mindfulness platforms
  • Organic food and beverage branding
  • Interior design for tranquil spaces

Suggested color roles

primary

#4F7942 - A balanced, mid-tone green, ideal for main brand elements, larger UI components, or primary content blocks.

secondary

#6F8F5C - A lighter, supportive green that can be used for secondary navigation, subtle backgrounds, or to introduce visual hierarchy.

accent

#3E5E32 - A rich, deep green providing strong contrast, perfect for call-to-action buttons, important icons, or impactful headings.

background

#D6E6CC - The lightest hue, excellent for clean, serene backgrounds that allow other colors and content to stand out gently.

text

#3E5E32 - This deep green ensures excellent readability on light backgrounds like #D6E6CC, offering a softer alternative to pure black.

Accessibility notes

  • Ensure #3E5E32 (text) has sufficient contrast against #D6E6CC (background) for WCAG AA compliance.
  • Avoid using lighter shades like #9EC18A or #6F8F5C for small body text, as contrast may be insufficient.
  • Use #4F7942 or #3E5E32 for interactive elements to clearly communicate their clickable nature.
  • Consider a slightly darker charcoal gray for very small or critical text if #3E5E32 doesn't meet specific contrast needs on varied backgrounds.

Recommended combinations

Serene Foundation

Ideal for core UI elements: light background, primary content, and strong text/actions.

#D6E6CC · #4F7942 · #3E5E32

Gentle Highlights

Perfect for subtle gradients, secondary information, or soft visual accents in layouts.

#9EC18A · #6F8F5C · #D6E6CC

Deep Harmony

Use for branding elements, dark mode themes, or sections requiring a more intense, sophisticated green presence.

#3E5E32 · #4F7942 · #6F8F5C

CSS variables

:root {
  --jade-tea-ceremony-1: #4F7942;
  --jade-tea-ceremony-2: #6F8F5C;
  --jade-tea-ceremony-3: #9EC18A;
  --jade-tea-ceremony-4: #D6E6CC;
  --jade-tea-ceremony-5: #3E5E32;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-tea-ceremony": {
        1: "#4F7942",
        2: "#6F8F5C",
        3: "#9EC18A",
        4: "#D6E6CC",
        5: "#3E5E32",
      }
    }
  }
}

Related searches

matcha green color schemescalming earth tone palettejapanese aesthetic colorsserene brand identity greensnature inspired ui colors

Palette colors

Hex values

Color 1#4F7942
·
Color 2#6F8F5C
·
Color 3#9EC18A
·
Color 4#D6E6CC
·
Color 5#3E5E32
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.5:1Fail
3.9:1AA18
1.5:1Fail
2
1.4:1Fail
1.8:1Fail
2.8:1Fail
2:1Fail
3
2.5:1Fail
1.8:1Fail
1.5:1Fail
3.7:1AA18
4
3.9:1AA18
2.8:1Fail
1.5:1Fail
5.6:1AA
5
1.5:1Fail
2:1Fail
3.7:1AA18
5.6:1AA

Similar palettes

More like Jade Tea Ceremony

View all earth
Japanese Tea Garden
Matcha Ceremonial Blend
Matcha Ceremony Peace
Matcha Ritual
Matcha Tea Ceremony
Matcha Tea Ceremony