Back to palettes

Palette

Jade Tea Ceremony

Calm and refined greens, inspired by the delicate shades of jade and traditional tea rituals.

coolcalm5 colors
More cool 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

#E2F0D8#C3DAB8#A1C396#7FA672#5E8955

Palette guide

How to use Jade Tea Ceremony

Overview

The Jade Tea Ceremony palette offers a tranquil collection of cool greens, perfect for evoking serenity and natural elegance in digital and print designs. Ranging from the airy lightness of #E2F0D8 to the deep, grounding tone of #5E8955, this palette provides a harmonious spectrum. Designers and developers can leverage these shades, such as the balanced #A1C396 and the vibrant #7FA672, to create sophisticated and calming user experiences. Its earthy yet refined character makes it ideal for projects aiming for a sense of peace, sustainability, or understated luxury. This palette is inherently soothing, promoting a sense of well-being and connection to nature.

Best used for

  • Health and wellness brand identity
  • Eco-friendly product packaging and websites
  • Spa and meditation app interfaces
  • Sustainable fashion branding
  • Nature-themed educational materials
  • Zen garden or interior design concepts

Suggested color roles

primary

#A1C396. A versatile, balanced mid-tone green, excellent for brand logos, main content blocks, or interactive elements that require a stable, inviting presence.

secondary

#C3DAB8. This lighter green provides a gentle contrast to the primary, ideal for subheadings, secondary buttons, or background elements that need to feel fresh and supportive.

accent

#5E8955. The deepest shade, perfect for drawing attention to calls-to-action, important icons, or subtle detailing where a rich, grounding touch is desired.

background

#E2F0D8. A very light, almost off-white green, serving as a clean, soft canvas that allows other palette colors and content to stand out gracefully.

text

#7FA672. For headings and larger text, this shade offers good readability against lighter backgrounds. For body text, consider a very dark green like #5E8955 or a charcoal grey for optimal contrast.

Accessibility notes

  • Ensure sufficient contrast when using #C3DAB8 or #A1C396 for text against the #E2F0D8 background; aim for WCAG AA compliance.
  • The darkest shade, #5E8955, offers excellent readability for body text on lighter backgrounds like #E2F0D8.
  • Avoid placing lighter greens like #C3DAB8 directly on #A1C396 for critical UI elements, as contrast might be insufficient for some users.
  • Consider using a white or near-white text on #7FA672 or #5E8955 for headings to meet higher contrast standards.

Recommended combinations

Zen Harmony

Ideal for creating a balanced, calming design, using the lightest for background, mid-tone for main elements, and darkest for accents or strong text.

#E2F0D8 · #A1C396 · #5E8955

Natural Flow

Great for a fresh, organic feel; #C3DAB8 as a soft base, #7FA672 for content, and #E2F0D8 for highlights or subtle borders.

#C3DAB8 · #7FA672 · #E2F0D8

Deep Serenity

For designs requiring more depth and richness; #5E8955 as a dominant dark, #A1C396 for content, and #C3DAB8 for lighter details or secondary elements.

#5E8955 · #A1C396 · #C3DAB8

CSS variables

:root {
  --jade-tea-ceremony-2-1: #E2F0D8;
  --jade-tea-ceremony-2-2: #C3DAB8;
  --jade-tea-ceremony-2-3: #A1C396;
  --jade-tea-ceremony-2-4: #7FA672;
  --jade-tea-ceremony-2-5: #5E8955;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-tea-ceremony-2": {
        1: "#E2F0D8",
        2: "#C3DAB8",
        3: "#A1C396",
        4: "#7FA672",
        5: "#5E8955",
      }
    }
  }
}

Related searches

calm green color schemeszen inspired UI colorsjade green branding palettenature themed web design colorssustainable brand color guide

Palette colors

Hex values

Color 1#E2F0D8
·
Color 2#C3DAB8
·
Color 3#A1C396
·
Color 4#7FA672
·
Color 5#5E8955
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.3:1Fail
3.4:1AA18
2
1.3:1Fail
1.3:1Fail
1.8:1Fail
2.7:1Fail
3
1.6:1Fail
1.3:1Fail
1.4:1Fail
2.1:1Fail
4
2.3:1Fail
1.8:1Fail
1.4:1Fail
1.5:1Fail
5
3.4:1AA18
2.7:1Fail
2.1:1Fail
1.5:1Fail

Similar palettes

More like Jade Tea Ceremony

View all cool
Green Tea Serenity
Bamboo Stillness Shade
Deep Jade Serenity
Jade Buddha Statue
Jade Mountain Mist
Jade Mountain Mist