Back to palettes

Palette

Jade Tea Ritual

Muted greens and earthy tones evoke the peaceful serenity of a traditional Japanese matcha garden.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5F9EA0#73A9AD#98B9AD#C2D5B7#DAE2CC

Palette guide

How to use Jade Tea Ritual

Overview

The "Jade Tea Ritual" palette offers a serene collection of muted greens and earthy tones, perfect for designs aiming to evoke tranquility and natural elegance. Featuring calming shades like the deep teal-green #5F9EA0, the balanced #73A9AD, and the softer, almost sage-like #98B9AD, this palette transitions beautifully into lighter, airy hues such as #C2D5B7 and the delicate #DAE2CC. Designers and developers will find this scheme ideal for creating interfaces and brands that convey peace, sustainability, and organic purity. It's particularly effective for projects where a sophisticated yet understated natural aesthetic is desired, promoting a sense of calm and well-being.

Best used for

  • Wellness and spa branding or websites
  • Organic food and sustainable product packaging
  • Mindfulness and meditation app interfaces
  • Interior design for serene living spaces
  • Eco-friendly fashion or lifestyle blogs
  • Nature-themed educational materials

Suggested color roles

primary

#5F9EA0. A grounding, deep teal-green excellent for main headers, navigation, or primary brand elements, conveying stability and depth.

secondary

#73A9AD. A slightly lighter, more approachable green perfect for subheadings, active states, or prominent UI components, balancing the primary.

accent

#C2D5B7. A soft, airy green ideal for subtle highlights, interactive elements, or illustrations, adding a touch of gentle contrast.

background

#DAE2CC. This very light, almost off-white green provides a clean, soothing canvas that allows other elements to stand out without harshness.

text

For body text, consider a dark charcoal like #333333 or even #5F9EA0 for headings against light backgrounds to ensure excellent readability.

Accessibility notes

  • Ensure sufficient contrast between #5F9EA0 or #73A9AD and #DAE2CC for body text to meet WCAG AA standards.
  • Avoid using #C2D5B7 and #DAE2CC together for text and background as their low contrast will hinder readability.
  • Test all interactive elements (buttons, links) with their respective background colors to confirm perceivable contrast for all users.
  • When using lighter shades like #98B9AD for text, ensure it's on a significantly darker background for legibility, especially for smaller font sizes.

Recommended combinations

Serene Header

Use #5F9EA0 for a strong header background, #DAE2CC for main titles, and #73A9AD for subheadings or navigation links.

#5F9EA0 · #DAE2CC · #73A9AD

Natural Card

#DAE2CC as a card background, #98B9AD for body text or borders, and #C2D5B7 for subtle highlights or icons.

#DAE2CC · #98B9AD · #C2D5B7

Subtle CTA

#73A9AD for a primary call-to-action button, #DAE2CC for button text, and #5F9EA0 for a hover state or border.

#73A9AD · #DAE2CC · #5F9EA0

CSS variables

:root {
  --jade-tea-ritual-1: #5F9EA0;
  --jade-tea-ritual-2: #73A9AD;
  --jade-tea-ritual-3: #98B9AD;
  --jade-tea-ritual-4: #C2D5B7;
  --jade-tea-ritual-5: #DAE2CC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "jade-tea-ritual": {
        1: "#5F9EA0",
        2: "#73A9AD",
        3: "#98B9AD",
        4: "#C2D5B7",
        5: "#DAE2CC",
      }
    }
  }
}

Related searches

muted green color schemecalm nature paletteorganic brand colorsspa website color ideaspeaceful design palette

Palette colors

Hex values

Color 1#5F9EA0
·
Color 2#73A9AD
·
Color 3#98B9AD
·
Color 4#C2D5B7
·
Color 5#DAE2CC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
2:1Fail
2.3:1Fail
2
1.2:1Fail
1.2:1Fail
1.7:1Fail
2:1Fail
3
1.4:1Fail
1.2:1Fail
1.4:1Fail
1.6:1Fail
4
2:1Fail
1.7:1Fail
1.4:1Fail
1.2:1Fail
5
2.3:1Fail
2:1Fail
1.6:1Fail
1.2:1Fail

Similar palettes

More like Jade Tea Ritual

View all neutral
Ancient Grove Hush
Coastal Dune Grass
Coastal Seagrass Sway
Serene Desert Oasis
Cloud Forest Mist
Coastal Driftwood Grey