Back to palettes

Palette

Zen Garden Stillness

Peaceful and balanced tones evoking the tranquil harmony of a minimalist Japanese Zen garden.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Zen Garden Stillness 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 Zen Garden Stillness.

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

Data visualization

#AAAAAA#7E8D85#B3BCA9#5A6A64#D5DBCE

Palette guide

How to use Zen Garden Stillness

Overview

The Zen Garden Stillness palette (ID: zen-garden-stillness) offers a profoundly tranquil and balanced experience, merging soft grays with muted, earthy greens. This collection ranges from the light, almost ethereal #D5DBCE to the deep, grounding #5A6A64. Designers will find the subtle interplay between shades like the versatile #AAAAAA and the warm #B3BCA9 perfect for creating interfaces that exude calm and natural harmony. Developers can effectively implement these precise hex codes to build visually consistent and soothing digital environments, ideal for applications requiring a gentle, sophisticated, and contemplative aesthetic.

Best used for

  • Nature-inspired branding
  • Mindfulness and meditation apps
  • Eco-conscious product websites
  • Spa and wellness resort interfaces
  • Sustainable living content platforms
  • Digital journaling with a calm aesthetic

Suggested color roles

primary

#7E8D85 - A balanced, muted green-grey, excellent for main content blocks, headings, or primary navigation, providing a stable foundation.

secondary

#AAAAAA - A neutral mid-grey, ideal for secondary information, borders, or subtle background textures, adding versatility.

accent

#B3BCA9 - A soft, warm green-grey, used sparingly for gentle highlights, interactive states, or subtle graphic elements to draw attention.

background

#D5DBCE - A very light, almost off-white, with a hint of green, creating an expansive, fresh, and calming canvas.

text

#5A6A64 - The deepest green-grey, offering excellent contrast for primary body text against lighter backgrounds, ensuring readability.

Accessibility notes

  • #5A6A64 text on #D5DBCE provides strong contrast, suitable for all body text.
  • Avoid using #AAAAAA or #B3BCA9 for body text on #D5DBCE backgrounds due to insufficient contrast.
  • Ensure interactive elements using lighter shades like #B3BCA9 have clear visual cues for states like hover or focus.
  • For extensive reading, consider using a very dark charcoal for primary text if #5A6A64 feels too light.

Recommended combinations

Forest Floor

High-contrast for headers, footers, or prominent structural elements.

#5A6A64 · #7E8D85 · #D5DBCE

Misty Grove

Soft, harmonious layering for content cards, panels, or secondary information.

#AAAAAA · #B3BCA9 · #D5DBCE

Tranquil Accent

Highlights key information or interactive elements with gentle, natural emphasis.

#7E8D85 · #B3BCA9 · #5A6A64

CSS variables

:root {
  --zen-garden-stillness-1: #AAAAAA;
  --zen-garden-stillness-2: #7E8D85;
  --zen-garden-stillness-3: #B3BCA9;
  --zen-garden-stillness-4: #5A6A64;
  --zen-garden-stillness-5: #D5DBCE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-garden-stillness": {
        1: "#AAAAAA",
        2: "#7E8D85",
        3: "#B3BCA9",
        4: "#5A6A64",
        5: "#D5DBCE",
      }
    }
  }
}

Related searches

calm grey green palettezen natural ui colorsminimalist earthy tonesserene web design schemebalanced green neutral

Palette colors

Hex values

Color 1#AAAAAA
·
Color 2#7E8D85
·
Color 3#B3BCA9
·
Color 4#5A6A64
·
Color 5#D5DBCE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.2:1Fail
2.5:1Fail
1.6:1Fail
2
1.5:1Fail
1.8:1Fail
1.6:1Fail
2.5:1Fail
3
1.2:1Fail
1.8:1Fail
2.9:1Fail
1.4:1Fail
4
2.5:1Fail
1.6:1Fail
2.9:1Fail
4:1AA18
5
1.6:1Fail
2.5:1Fail
1.4:1Fail
4:1AA18

Similar palettes

More like Zen Garden Stillness

View all neutral
Stone Meditation Path
Zen Garden Serenity
Coastal Driftwood Grey
Coastal Driftwood Grey
Coastal Dune Grass
Coastal Dune Grass