Back to palettes

Palette

Zen Stone Garden

A serene collection of muted greens and soft grays, designed to bring tranquility, inspired by a traditional Zen garden.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A6B1A8#D3DCCF#F3F6F1#7E8F8B#9E9789

Palette guide

How to use Zen Stone Garden

Overview

The Zen Stone Garden palette is a serene collection of muted greens and soft grays, designed to bring tranquility, inspired by a traditional Zen garden. Featuring harmonious shades like #A6B1A8 (muted green-grey), #D3DCCF (light sage), #F3F6F1 (off-white), #7E8F8B (deep teal-grey), and #9E9789 (warm stone), this palette offers designers and developers an organic and calming foundation. It’s perfect for projects that aim to evoke a sense of natural balance, mindfulness, and understated sophistication. The subtle interplay of earthy tones creates an atmosphere of peace and clarity, ideal for both digital and physical applications seeking a gentle aesthetic.

Best used for

  • Sustainable living and eco-conscious brand identities
  • Wellness and mindfulness mobile applications
  • Interior decor for calm and inviting spaces
  • Botanical garden or nature conservancy branding
  • Artisan craft websites and product design
  • Yoga studio or meditation retreat marketing

Suggested color roles

primary

Use #A6B1A8 as a grounding primary color for main elements, offering a muted yet distinct presence.

secondary

Employ #D3DCCF for supportive elements, soft backgrounds, or subtle UI components, adding a touch of lightness.

accent

Apply #7E8F8B as a deeper, cool green-grey for subtle emphasis, strong typography, or interactive states.

background

Utilize #F3F6F1 as the lightest background, providing a clean, fresh, and expansive canvas.

text

For body text, use #7E8F8B on lighter backgrounds like #F3F6F1 or #D3DCCF for good readability, or a dark charcoal.

Accessibility notes

  • Ensure #7E8F8B text on #F3F6F1 background meets WCAG AA contrast ratios for optimal readability.
  • #A6B1A8 can work for headings on #F3F6F1, but verify contrast for smaller body text sizes.
  • Avoid using #D3DCCF for small text on #F3F6F1 due to insufficient contrast for accessibility.
  • For critical body text, consider using a true black or very dark grey on #F3F6F1 to guarantee compliance.

Recommended combinations

Natural Harmony

A balanced, organic look for primary content, blending light background with a muted main color and deep accent.

#F3F6F1 · #A6B1A8 · #7E8F8B

Soft Earth

A gentle, warm blend for secondary elements, subtle backgrounds, or visual textures, exuding natural comfort.

#D3DCCF · #9E9789 · #A6B1A8

Crisp Serenity

A clean background with a strong, natural text color and a supportive lighter shade, ideal for clear communication.

#F3F6F1 · #7E8F8B · #D3DCCF

CSS variables

:root {
  --zen-stone-garden-3-1: #A6B1A8;
  --zen-stone-garden-3-2: #D3DCCF;
  --zen-stone-garden-3-3: #F3F6F1;
  --zen-stone-garden-3-4: #7E8F8B;
  --zen-stone-garden-3-5: #9E9789;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-stone-garden-3": {
        1: "#A6B1A8",
        2: "#D3DCCF",
        3: "#F3F6F1",
        4: "#7E8F8B",
        5: "#9E9789",
      }
    }
  }
}

Related searches

muted green grey palettecalm natural colorszen inspired designorganic minimalist schemeserene earth tones

Palette colors

Hex values

Color 1#A6B1A8
·
Color 2#D3DCCF
·
Color 3#F3F6F1
·
Color 4#7E8F8B
·
Color 5#9E9789
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2:1Fail
1.5:1Fail
1.3:1Fail
2
1.6:1Fail
1.3:1Fail
2.4:1Fail
2.1:1Fail
3
2:1Fail
1.3:1Fail
3.1:1AA18
2.7:1Fail
4
1.5:1Fail
2.4:1Fail
3.1:1AA18
1.2:1Fail
5
1.3:1Fail
2.1:1Fail
2.7:1Fail
1.2:1Fail

Similar palettes

More like Zen Stone Garden

View all neutral
Mindful Stone Serenity
River Stone Calm
Serene Pebble Path
Zen Garden Pebbles
Zen Garden Serenity
Cloud Forest Mist