Back to palettes

Palette

Serene Pagoda Garden

A tranquil blend reflecting the peaceful harmony of an Asian-inspired garden, calm and balanced.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Serene Pagoda 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 Serene Pagoda Garden.

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

Data visualization

#8FBC8F#A9A9A9#6A899C#D2B48C#695A41

Palette guide

How to use Serene Pagoda Garden

Overview

The Serene Pagoda Garden palette embodies the tranquil harmony of an Asian-inspired landscape, blending earthy tones with a calming, balanced feel. Featuring a soothing green `#8FBC8F` alongside neutral gray `#A9A9A9` and a muted blue-gray `#6A899C`, it's complemented by the warm, inviting beige `#D2B48C` and a grounding deep brown `#695A41`. This palette is ideal for projects seeking a natural, zen aesthetic, providing a sophisticated yet understated foundation for designs that prioritize peace and organic beauty, useful for both digital and print applications.

Best used for

  • Spa and wellness branding
  • Eco-friendly product packaging
  • Zen garden or meditation app design
  • Cultural and historical institution websites
  • Interior design mood boards
  • Handicraft and artisanal product displays

Suggested color roles

primary

The muted green `#8FBC8F` serves as a natural, calming primary, suitable for large sections or brand identity.

secondary

Use the soft gray `#A9A9A9` for supporting elements, subtle borders, or background textures to maintain neutrality.

accent

The warm beige `#D2B48C` provides a gentle accent, perfect for highlights, call-to-actions, or warm visual cues.

background

A light application of `#A9A9A9` or `#D2B48C` can create a soft, inviting background, promoting a relaxed user experience.

text

For clear readability, utilize the deep brown `#695A41` for body text or dark gray for headings on lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast between the lighter `#D2B48C` and `#8FBC8F` when used as background and text respectively.
  • The dark brown `#695A41` provides excellent contrast for text on `#A9A9A9`, `#8FBC8F`, and `#D2B48C`.
  • Avoid placing `#A9A9A9` text directly on `#6A899C` backgrounds without checking contrast ratios.
  • For interactive elements, ensure distinct visual cues beyond color, especially with similar muted tones.

Recommended combinations

Zen Earth

A warm, natural grouping. `#695A41` grounds the design, `#D2B48C` adds warmth, and `#8FBC8F` brings organic life.

#695A41 · #D2B48C · #8FBC8F

Stone Path

A cool, contemplative combination. Ideal for backgrounds and secondary elements, with `#695A41` for strong text.

#A9A9A9 · #6A899C · #695A41

Garden Bloom

Highlights the subtle interplay of green and beige, softened by gray; perfect for inviting, harmonious layouts.

#8FBC8F · #D2B48C · #A9A9A9

CSS variables

:root {
  --serene-pagoda-garden-1: #8FBC8F;
  --serene-pagoda-garden-2: #A9A9A9;
  --serene-pagoda-garden-3: #6A899C;
  --serene-pagoda-garden-4: #D2B48C;
  --serene-pagoda-garden-5: #695A41;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "serene-pagoda-garden": {
        1: "#8FBC8F",
        2: "#A9A9A9",
        3: "#6A899C",
        4: "#D2B48C",
        5: "#695A41",
      }
    }
  }
}

Related searches

zen garden color schemeearthy green brown paletteasian inspired design colorscalm natural huesbalanced organic palette

Palette colors

Hex values

Color 1#8FBC8F
·
Color 2#A9A9A9
·
Color 3#6A899C
·
Color 4#D2B48C
·
Color 5#695A41
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.7:1Fail
1.1:1Fail
3.1:1AA18
2
1.1:1Fail
1.6:1Fail
1.2:1Fail
2.8:1Fail
3
1.7:1Fail
1.6:1Fail
1.9:1Fail
1.8:1Fail
4
1.1:1Fail
1.2:1Fail
1.9:1Fail
3.4:1AA18
5
3.1:1AA18
2.8:1Fail
1.8:1Fail
3.4:1AA18

Similar palettes

More like Serene Pagoda Garden

View all earth
Bamboo Grove Mist
Dune Seagrass Drift
Enchanted Garden Gate
Garden Gate Ivy
Matcha Ceremony Peace
Matcha Serene Brew