Back to palettes

Palette

Matcha Ceremony Peace

A calming palette inspired by the soothing hues of matcha green tea, perfect for a peaceful and balanced design.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#729B79#A8C686#CAD2C5#DCE8DA#4A3D2A

Palette guide

How to use Matcha Ceremony Peace

Overview

The 'Matcha Ceremony Peace' palette offers a tranquil and grounding experience, drawing inspiration from the serene world of green tea. Centered around a muted green (#729B79) and a lighter, fresh green (#A8C686), it evokes a sense of natural harmony. Complementary light tones like #CAD2C5 and #DCE8DA provide airy backdrops, while the deep, earthy brown (#4A3D2A) grounds the scheme with rich contrast. Ideal for designs aiming for a peaceful, organic, and balanced aesthetic, this collection of hues supports a calm user experience and a connection to nature, perfect for wellness or eco-conscious brands.

Best used for

  • Wellness and spa branding
  • Eco-friendly product packaging
  • Meditation or mindfulness apps
  • Natural food and beverage websites
  • Sustainable fashion e-commerce
  • Calm interior design visualizations

Suggested color roles

primary

Use #729B79 as the dominant brand color for large sections, main headings, or key graphical elements, conveying stability and nature.

secondary

Employ #A8C686 for supporting elements, subheadings, or illustrations, providing a softer, more inviting green accent.

accent

Apply #4A3D2A for calls-to-action, important icons, or to introduce a deep, grounding contrast against the lighter greens.

background

Utilize #DCE8DA for clean, airy backgrounds, ensuring a light and spacious feel. #CAD2C5 can serve as a slightly warmer background or hover state.

text

Best used with #4A3D2A for strong readability against lighter backgrounds like #DCE8DA or #CAD2C5. For a softer look, consider a very dark charcoal against the lightest tones.

Accessibility notes

  • Ensure sufficient contrast when using #729B79 or #A8C686 for text on light backgrounds; #4A3D2A offers excellent contrast.
  • Pair #4A3D2A for text with #DCE8DA or #CAD2C5 for backgrounds to meet WCAG AA requirements for most text sizes.
  • Be mindful of color-blind users; greens can sometimes be problematic. Rely on more than just color for conveying meaning.
  • Avoid using #A8C686 for small text on #DCE8DA without thorough contrast checking; it might not pass.

Recommended combinations

Earthy Contrast

Ideal for header-background-accent structures, ensuring strong readability and a grounded feel for web interfaces.

#4A3D2A · #DCE8DA · #729B79

Subtle Harmony

Perfect for soft gradients, secondary information blocks, or a delicate, minimalist UI with a natural touch.

#CAD2C5 · #A8C686 · #DCE8DA

Natural Depth

Use for illustrations, data visualizations, or branding elements that require a richer, organic presence and visual layering.

#729B79 · #A8C686 · #4A3D2A

CSS variables

:root {
  --matcha-ceremony-peace-1: #729B79;
  --matcha-ceremony-peace-2: #A8C686;
  --matcha-ceremony-peace-3: #CAD2C5;
  --matcha-ceremony-peace-4: #DCE8DA;
  --matcha-ceremony-peace-5: #4A3D2A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "matcha-ceremony-peace": {
        1: "#729B79",
        2: "#A8C686",
        3: "#CAD2C5",
        4: "#DCE8DA",
        5: "#4A3D2A",
      }
    }
  }
}

Related searches

calm green color paletteearth tone design colorsmatcha inspired brandingnatural serene color schemeeco-friendly UI colors

Palette colors

Hex values

Color 1#729B79
·
Color 2#A8C686
·
Color 3#CAD2C5
·
Color 4#DCE8DA
·
Color 5#4A3D2A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2:1Fail
2.5:1Fail
3.4:1AA18
2
1.7:1Fail
1.2:1Fail
1.5:1Fail
5.6:1AA
3
2:1Fail
1.2:1Fail
1.2:1Fail
6.8:1AA
4
2.5:1Fail
1.5:1Fail
1.2:1Fail
8.3:1AAA
5
3.4:1AA18
5.6:1AA
6.8:1AA
8.3:1AAA

Similar palettes

More like Matcha Ceremony Peace

View all earth
Matcha Ceremonial Blend
Dune Seagrass Drift
Matcha Tea Ceremony
Olive Grove Slumber
Tranquil Bamboo Grove
Whispering Bamboo Grove