Back to palettes

Palette

Quiet Tea Ceremony

A serene and balanced palette evoking the quiet tranquility of a traditional Japanese tea ceremony garden.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A7C5C4#6D9F9D#3F7575#1F5454#81A8A7

Palette guide

How to use Quiet Tea Ceremony

Overview

The Quiet Tea Ceremony palette (id: quiet-tea-ceremony) offers a serene and balanced collection of cool greens and teals, evoking the tranquil atmosphere of a traditional Japanese tea garden. With hex codes #A7C5C4, #6D9F9D, #3F7575, #1F5454, and #81A8A7, this palette is ideal for designers and developers seeking to create a calm, sophisticated, and nature-inspired experience. Its harmonious progression from light, airy tones to deep, grounding shades provides exceptional versatility for spa branding, eco-conscious designs, or elegant digital interfaces that promote a sense of peace and mindfulness.

Best used for

  • Spa and meditation apps
  • Eco-conscious branding and packaging
  • Japanese garden themed websites
  • Sophisticated UI/UX designs
  • Wellness retreats and services
  • Minimalist and tranquil digital art

Suggested color roles

primary

Utilize #6D9F9D as a serene and balanced primary color, ideal for main content areas or foundational UI components due to its calming appeal.

secondary

Incorporate #81A8A7 as a lighter, harmonious secondary shade, perfect for supporting elements, subtle dividers, or hover states.

accent

Apply #3F7575 as a deep, grounding accent to provide clear contrast and emphasize important information or calls-to-action.

background

Employ #A7C5C4 as a light, airy background color, offering an expansive and refreshing canvas that enhances the palette's tranquil mood.

text

For optimal readability, use #1F5454 for main headings and #3F7575 for body text, ensuring excellent contrast against the lighter background tones.

Accessibility notes

  • Ensure #1F5454 provides excellent contrast when used as text on the lightest background, #A7C5C4, meeting WCAG standards.
  • Be cautious when pairing #81A8A7 as text on #A7C5C4; always verify sufficient contrast for readability.
  • Lighter shades like #A7C5C4 should be avoided for small text unless contrasted with a very dark background.
  • The mid-tone #6D9F9D offers good readability for body text on #A7C5C4, but always test for smaller font sizes.

Recommended combinations

Deep Serenity

Creates strong visual hierarchy with a deep grounding color, a crisp background, and a balanced mid-tone for emphasis.

#1F5454 · #A7C5C4 · #6D9F9D

Garden Harmony

Ideal for soft, progressive transitions, perfect for background sections, data visualizations, or subtle UI states.

#81A8A7 · #6D9F9D · #3F7575

Cool Balance

Provides an airy and harmonious feel, excellent for expansive backgrounds or delicate graphic elements that promote calm.

#A7C5C4 · #6D9F9D · #81A8A7

CSS variables

:root {
  --quiet-tea-ceremony-1: #A7C5C4;
  --quiet-tea-ceremony-2: #6D9F9D;
  --quiet-tea-ceremony-3: #3F7575;
  --quiet-tea-ceremony-4: #1F5454;
  --quiet-tea-ceremony-5: #81A8A7;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "quiet-tea-ceremony": {
        1: "#A7C5C4",
        2: "#6D9F9D",
        3: "#3F7575",
        4: "#1F5454",
        5: "#81A8A7",
      }
    }
  }
}

Related searches

japanese tea garden colorsserene green palettecool teal schemezen design colorstranquil asian aesthetic

Palette colors

Hex values

Color 1#A7C5C4
·
Color 2#6D9F9D
·
Color 3#3F7575
·
Color 4#1F5454
·
Color 5#81A8A7
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.8:1Fail
4.7:1AA
1.4:1Fail
2
1.6:1Fail
1.8:1Fail
2.9:1Fail
1.1:1Fail
3
2.8:1Fail
1.8:1Fail
1.6:1Fail
2:1Fail
4
4.7:1AA
2.9:1Fail
1.6:1Fail
3.3:1AA18
5
1.4:1Fail
1.1:1Fail
2:1Fail
3.3:1AA18

Similar palettes

More like Quiet Tea Ceremony

View all cool
Whispering Bamboo Grove
Fresh Mint Serenity
Green Tea Serenity
Jade Buddha Serene
Jade Garden Temple
Juniper Glade Calm