Back to palettes

Palette

Zen Tea Ceremony

Reflects the tranquil simplicity and refined earth tones of a traditional tea ritual.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C1C295#88A287#E3EAD7#4D5E4C#6B7B58

Palette guide

How to use Zen Tea Ceremony

Overview

The Zen Tea Ceremony palette offers a sophisticated blend of muted greens and soft, earthy neutrals, perfectly capturing the tranquil and refined atmosphere of a traditional tea ritual. Featuring a warm sage #C1C295, a deep forest green #4D5E4C, and a serene cream #E3EAD7, this palette is ideal for evoking calm and natural elegance. Designers will appreciate the organic feel, while developers can use these consistent tones to create interfaces that are both visually appealing and soothing. The mid-tone #88A287 and #6B7B58 provide excellent versatility for layering and subtle contrasts, promoting focus and peace.

Best used for

  • Wellness and mindfulness apps
  • Organic food and beverage branding
  • Spa and retreat marketing materials
  • Home decor websites (natural aesthetic)
  • Sustainable fashion lookbooks
  • Peaceful digital content platforms

Suggested color roles

primary

#4D5E4C provides a deep, grounding primary color for main headings, navigation, or key interactive elements.

secondary

#6B7B58 is excellent for secondary information, borders, or subtle background patterns, offering a harmonious support.

accent

#C1C295 serves as a warm, inviting accent, perfect for highlights, interactive states, or decorative flourishes.

background

#E3EAD7 offers a gentle, airy canvas, ensuring readability and a soft, inviting aesthetic.

text

For dark text on light backgrounds, #4D5E4C provides excellent contrast. For light text on darker elements, #E3EAD7 is a good choice.

Accessibility notes

  • Ensure #4D5E4C text on #E3EAD7 or #C1C295 backgrounds meets WCAG AA contrast.
  • #C1C295 and #88A287 might need careful contrast checks when used for text against lighter backgrounds.
  • Use #6B7B58 for body text with #E3EAD7 for comfortable reading.
  • Avoid using very similar shades like #C1C295 and #E3EAD7 as text/background without significant visual distinction.

Recommended combinations

Matcha & Cream

Deep text, a soft background, and a warm, inviting accent for buttons or calls to action.

#4D5E4C · #E3EAD7 · #C1C295

Garden Layers

Ideal for layered UI cards, subtle gradients, and a clean informational background.

#88A287 · #6B7B58 · #E3EAD7

Herbal Essence

A lighter primary, deep supporting color, and a balanced secondary for a natural feel.

#C1C295 · #4D5E4C · #88A287

CSS variables

:root {
  --zen-tea-ceremony-2-1: #C1C295;
  --zen-tea-ceremony-2-2: #88A287;
  --zen-tea-ceremony-2-3: #E3EAD7;
  --zen-tea-ceremony-2-4: #4D5E4C;
  --zen-tea-ceremony-2-5: #6B7B58;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-tea-ceremony-2": {
        1: "#C1C295",
        2: "#88A287",
        3: "#E3EAD7",
        4: "#4D5E4C",
        5: "#6B7B58",
      }
    }
  }
}

Related searches

calm earthy green palettezen minimalist colorsnatural tea ceremony huessoothing muted green schemeorganic brand color palette

Palette colors

Hex values

Color 1#C1C295
·
Color 2#88A287
·
Color 3#E3EAD7
·
Color 4#4D5E4C
·
Color 5#6B7B58
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.5:1Fail
3.8:1AA18
2.5:1Fail
2
1.5:1Fail
2.2:1Fail
2.5:1Fail
1.6:1Fail
3
1.5:1Fail
2.2:1Fail
5.6:1AA
3.7:1AA18
4
3.8:1AA18
2.5:1Fail
5.6:1AA
1.5:1Fail
5
2.5:1Fail
1.6:1Fail
3.7:1AA18
1.5:1Fail

Similar palettes

More like Zen Tea Ceremony

View all earth
Bamboo Grove Mist
Matcha Ceremonial Zen
Matcha Serene Brew
Tranquil Bamboo Grove
Willow Branch Shade
Bamboo Forest Calm