Back to palettes

Palette

Quiet Tea Ceremony

Soft and subdued, perfect for a peaceful moment of reflection and quiet contemplation.

neutralminimal5 colors
More neutral 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

#5E5750#8A827B#AFA8A1#D4CDC7#EDE8E4

Palette guide

How to use Quiet Tea Ceremony

Overview

The Quiet Tea Ceremony palette (id: quiet-tea-ceremony-2) offers a collection of soft, subdued, and earthy neutral tones that evoke a peaceful moment of reflection. With hex codes #5E5750, #8A827B, #AFA8A1, #D4CDC7, and #EDE8E4, this palette is ideal for designers and developers seeking to create a calm, minimalist, and inviting atmosphere. Its gentle progression from deep, grounding browns to light, delicate creams provides exceptional versatility for artisanal branding, cozy digital interfaces, or serene lifestyle content. The warmth inherent in these shades fosters comfort and contemplation.

Best used for

  • Artisanal product packaging
  • Calm lifestyle blogs and websites
  • Traditional craft and handmade goods
  • Minimalist branding for cafes or bakeries
  • Cozy home decor digital presentations
  • Wellness and mindfulness content

Suggested color roles

primary

Utilize #8A827B as a warm neutral primary color, providing an inviting and stable foundation for main content areas or key visual elements.

secondary

Incorporate #AFA8A1 as a softer secondary shade, ideal for supporting elements, subtle dividers, or backgrounds that require a gentler touch.

accent

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

background

Employ #EDE8E4 as a light, delicate background color, offering a crisp and warm canvas that enhances the palette's tranquil mood.

text

For optimal readability, use #5E5750 for main body text and headings, with #8A827B suitable for secondary text or captions against lighter backgrounds.

Accessibility notes

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

Recommended combinations

Earthy Contrast

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

#5E5750 · #EDE8E4 · #8A827B

Tea Warmth

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

#D4CDC7 · #AFA8A1 · #8A827B

Gentle Blend

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

#8A827B · #AFA8A1 · #D4CDC7

CSS variables

:root {
  --quiet-tea-ceremony-2-1: #5E5750;
  --quiet-tea-ceremony-2-2: #8A827B;
  --quiet-tea-ceremony-2-3: #AFA8A1;
  --quiet-tea-ceremony-2-4: #D4CDC7;
  --quiet-tea-ceremony-2-5: #EDE8E4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "quiet-tea-ceremony-2": {
        1: "#5E5750",
        2: "#8A827B",
        3: "#AFA8A1",
        4: "#D4CDC7",
        5: "#EDE8E4",
      }
    }
  }
}

Related searches

quiet tea ceremony colorswarm neutral paletteearthy minimalist designcalm brown greytraditional zen tones

Palette colors

Hex values

Color 1#5E5750
·
Color 2#8A827B
·
Color 3#AFA8A1
·
Color 4#D4CDC7
·
Color 5#EDE8E4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3:1AA18
4.5:1AA
5.8:1AA
2
1.9:1Fail
1.6:1Fail
2.4:1Fail
3.1:1AA18
3
3:1AA18
1.6:1Fail
1.5:1Fail
1.9:1Fail
4
4.5:1AA
2.4:1Fail
1.5:1Fail
1.3:1Fail
5
5.8:1AA
3.1:1AA18
1.9:1Fail
1.3:1Fail

Similar palettes

More like Quiet Tea Ceremony

View all neutral
Zen Garden Stillness
Zen Stone Garden
Arctic Shore Pebble
Calm Lakeside Stone
Calm Stone Pathway
Coastal Pebble Smooth