Back to palettes

Palette

Zen Stone Garden

A serene and balanced palette inspired by the tranquil arrangements of a Japanese Zen rock garden.

minimalminimal5 colors
More minimal 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

#696969#A9A9A9#C0C0C0#8FBC8F#D2B48C

Palette guide

How to use Zen Stone Garden

Overview

The Zen Stone Garden palette is a serene and balanced collection inspired by the tranquil arrangements of a Japanese Zen rock garden. It features a harmonious blend of muted greys like #696969, #A9A9A9, and #C0C0C0, subtly accented by the soft green of #8FBC8F and the warm tan of #D2B48C. This palette offers designers and developers an organic and calming foundation 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, nature-inspired aesthetic.

Best used for

  • Nature-inspired lifestyle brands and products
  • Wellness and mindfulness product packaging
  • Interior design for calm, inviting spaces
  • Artisan craft websites and portfolios
  • Eco-tourism marketing materials and branding
  • Botanical-themed event branding and decor

Suggested color roles

primary

Use #A9A9A9 as a versatile mid-grey, providing a grounding and stable presence for main elements.

secondary

Employ #C0C0C0 for lighter supportive elements, subtle backgrounds, or dividers, adding softness.

accent

Apply #8FBC8F (soft green) for a subtle pop of natural color, emphasizing interactive elements or graphics.

background

Utilize #C0C0C0 as a light, clean base, providing an expansive and calm canvas.

text

For body text, use #696969 on lighter backgrounds like #C0C0C0 for good readability, or a deep charcoal.

Accessibility notes

  • Ensure #696969 text on #C0C0C0 background provides sufficient contrast for readability (WCAG AA).
  • #8FBC8F (green) can be used for headings on #C0C0C0, but always check contrast for smaller text sizes.
  • #D2B48C (tan) might need a very dark text color (e.g., black) for accessibility when used as a background.
  • Avoid using #A9A9A9 or #C0C0C0 for small text against each other due to potentially low contrast.

Recommended combinations

Earthy Calm

Creates a clean background with strong text and a natural accent, ideal for a balanced, organic feel.

#C0C0C0 · #696969 · #8FBC8F

Stone & Moss

A balanced, organic blend for visual interest, combining mid-grey with green and warm tan accents.

#A9A9A9 · #8FBC8F · #D2B48C

Gentle Accents

A light base with a warm accent and mid-tone elements, perfect for a subtle, inviting design.

#C0C0C0 · #D2B48C · #A9A9A9

CSS variables

:root {
  --zen-stone-garden-8-1: #696969;
  --zen-stone-garden-8-2: #A9A9A9;
  --zen-stone-garden-8-3: #C0C0C0;
  --zen-stone-garden-8-4: #8FBC8F;
  --zen-stone-garden-8-5: #D2B48C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-stone-garden-8": {
        1: "#696969",
        2: "#A9A9A9",
        3: "#C0C0C0",
        4: "#8FBC8F",
        5: "#D2B48C",
      }
    }
  }
}

Related searches

zen earth tone palettecalm nature colorsminimalist green greyorganic stone garden designserene natural branding

Palette colors

Hex values

Color 1#696969
·
Color 2#A9A9A9
·
Color 3#C0C0C0
·
Color 4#8FBC8F
·
Color 5#D2B48C
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
3:1AA18
2.6:1Fail
2.8:1Fail
2
2.3:1Fail
1.3:1Fail
1.1:1Fail
1.2:1Fail
3
3:1AA18
1.3:1Fail
1.2:1Fail
1.1:1Fail
4
2.6:1Fail
1.1:1Fail
1.2:1Fail
1.1:1Fail
5
2.8:1Fail
1.2:1Fail
1.1:1Fail
1.1:1Fail

Similar palettes

More like Zen Stone Garden

View all minimal