Back to palettes

Palette

Matcha Tea Ceremony

Subtle greens and soft blues, creating a serene and sophisticated atmosphere.

coolminimal5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#5F9EA0#8FBC8F#B0C4DE#ADD8E6#D8BFD8

Palette guide

How to use Matcha Tea Ceremony

Overview

The "Matcha Tea Ceremony" palette offers a sophisticated blend of cool, muted tones perfect for creating serene and elegant digital or physical experiences. Featuring a grounding Cadet Blue (#5F9EA0), a calming Dark Sea Green (#8FBC8F), and soft accents like Light Steel Blue (#B0C4DE) and Thistle (#D8BFD8), this collection evokes a sense of peace and refined simplicity. Designers and developers will find it ideal for projects requiring a subtle, minimalist aesthetic that feels both fresh and timeless. Its gentle harmony ensures visual comfort, making it excellent for user interfaces, branding, and content where tranquility is key.

Best used for

  • Spa and wellness branding
  • Eco-friendly product packaging
  • Mindfulness app interfaces
  • Luxury home decor websites
  • Boutique tea shop branding
  • Elegant event invitations

Suggested color roles

primary

#5F9EA0 (Cadet Blue). Use this sophisticated, desaturated blue-green for main headings, navigation elements, or key branding accents to establish a calm, professional tone.

secondary

#8FBC8F (Dark Sea Green). Ideal for supporting elements, secondary buttons, or large content blocks, providing a natural, soothing presence that complements the primary hue.

accent

#D8BFD8 (Thistle). Employ this soft lavender sparingly for subtle highlights, interactive states, or decorative flourishes where a touch of gentle elegance is desired without being overpowering.

background

#B0C4DE (Light Steel Blue) or #ADD8E6 (Light Blue). These pale, airy blues create a clean, expansive canvas, perfect for main content areas or large background sections, ensuring readability and a light feel.

text

For optimal readability, use a dark neutral like #333333 or #000000 against the lighter background shades (#B0C4DE, #ADD8E6). For text over darker palette colors like #5F9EA0, consider a crisp white.

Accessibility notes

  • Ensure sufficient contrast for text when using light colors like #D8BFD8 (Thistle) or #ADD8E6 (Light Blue) as backgrounds; pair with dark text.
  • The paler hues, particularly #D8BFD8, should not be used for small text or critical UI elements without careful contrast checking.
  • For body text on #B0C4DE or #ADD8E6 backgrounds, a dark charcoal or black provides the best readability.
  • Consider using #5F9EA0 or #8FBC8F for large text elements on very light backgrounds to meet AA/AAA contrast guidelines.

Recommended combinations

Serene Base

Ideal for clean user interfaces, website backgrounds, and primary navigation where a soft, professional foundation is needed.

#B0C4DE · #ADD8E6 · #5F9EA0

Natural Elegance

Perfect for branding elements, subtle call-to-actions, or illustrative details that require a touch of organic sophistication.

#8FBC8F · #5F9EA0 · #D8BFD8

Soft Contrast

Excellent for layered backgrounds, infographics, or gentle data visualizations where a harmonious, low-contrast visual separation is desired.

#ADD8E6 · #B0C4DE · #8FBC8F

CSS variables

:root {
  --matcha-tea-ceremony-1: #5F9EA0;
  --matcha-tea-ceremony-2: #8FBC8F;
  --matcha-tea-ceremony-3: #B0C4DE;
  --matcha-tea-ceremony-4: #ADD8E6;
  --matcha-tea-ceremony-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "matcha-tea-ceremony": {
        1: "#5F9EA0",
        2: "#8FBC8F",
        3: "#B0C4DE",
        4: "#ADD8E6",
        5: "#D8BFD8",
      }
    }
  }
}

Related searches

calm design color palettesubtle green blue paletteelegant nature colorsserene brand identity colorsmuted tea inspired palette

Palette colors

Hex values

Color 1#5F9EA0
·
Color 2#8FBC8F
·
Color 3#B0C4DE
·
Color 4#ADD8E6
·
Color 5#D8BFD8
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.7:1Fail
2:1Fail
1.8:1Fail
2
1.4:1Fail
1.2:1Fail
1.4:1Fail
1.3:1Fail
3
1.7:1Fail
1.2:1Fail
1.2:1Fail
1:1Fail
4
2:1Fail
1.4:1Fail
1.2:1Fail
1.1:1Fail
5
1.8:1Fail
1.3:1Fail
1:1Fail
1.1:1Fail

Similar palettes

More like Matcha Tea Ceremony

View all cool
Arctic Fox Fur
Calm Nordic Winter
Frosted Juniper Air
Frosted Juniper Glow
Frozen Tundra Petals
Glacial Morning Fog