Back to palettes

Palette

Quiet Tea Garden

A serene and muted array of soft greens and grays, like a peaceful, quiet tea garden after a rain shower.

NeutralCalm5 colors
More Neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8FA7A6#B0C9C8#D4E8E7#749190#5B7A79

Palette guide

How to use Quiet Tea Garden

Overview

The Quiet Tea Garden palette offers a serene and muted array of soft greens and grays, reminiscent of a peaceful tea garden after a gentle rain shower. With hex codes #8FA7A6, #B0C9C8, #D4E8E7, #749190, and #5B7A79, this collection is perfect for designers and developers seeking to create calm, natural, and minimalist experiences. The harmonious blend of cool, earthy tones provides exceptional versatility for wellness branding, nature-inspired digital interfaces, or tranquil lifestyle content, fostering a sense of peace, balance, and understated elegance.

Best used for

  • Calm lifestyle blogs and websites
  • Wellness brands and services
  • Nature-inspired product design
  • Minimalist web interfaces
  • Peaceful interior decor concepts
  • Zen-themed graphic design

Suggested color roles

primary

Utilize #749190 as a balanced, natural primary color, ideal for main content areas or foundational UI components due to its serene appeal.

secondary

Incorporate #8FA7A6 as a slightly lighter, harmonious secondary shade, perfect for supporting elements, subtle dividers, or hover states.

accent

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

background

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

text

For optimal readability, use #5B7A79 for main headings and #749190 for body text, ensuring excellent contrast against the lighter background tones.

Accessibility notes

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

Recommended combinations

Garden Contrast

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

#5B7A79 · #D4E8E7 · #749190

Soft Layers

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

#D4E8E7 · #B0C9C8 · #8FA7A6

Tranquil Blend

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

#749190 · #8FA7A6 · #B0C9C8

CSS variables

:root {
  --quiet-tea-garden-1: #8FA7A6;
  --quiet-tea-garden-2: #B0C9C8;
  --quiet-tea-garden-3: #D4E8E7;
  --quiet-tea-garden-4: #749190;
  --quiet-tea-garden-5: #5B7A79;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "quiet-tea-garden": {
        1: "#8FA7A6",
        2: "#B0C9C8",
        3: "#D4E8E7",
        4: "#749190",
        5: "#5B7A79",
      }
    }
  }
}

Related searches

quiet garden colorsmuted green grey paletteserene nature schemecalm zen aestheticminimalist green design

Palette colors

Hex values

Color 1#8FA7A6
·
Color 2#B0C9C8
·
Color 3#D4E8E7
·
Color 4#749190
·
Color 5#5B7A79
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2:1Fail
1.3:1Fail
1.8:1Fail
2
1.5:1Fail
1.4:1Fail
1.9:1Fail
2.7:1Fail
3
2:1Fail
1.4:1Fail
2.7:1Fail
3.7:1AA18
4
1.3:1Fail
1.9:1Fail
2.7:1Fail
1.4:1Fail
5
1.8:1Fail
2.7:1Fail
3.7:1AA18
1.4:1Fail

Similar palettes

More like Quiet Tea Garden

View all Neutral
Coastal Seagrass Whisper
Foggy Pine Retreat
Misty Morning Fog
Pebble Shore Drift
Whispering Willow Grove
Ancient Temple Serene