Back to palettes

Palette

Stone Garden Zen

A harmonious blend of cool greys for a minimalist and serene aesthetic inspired by tranquil stone gardens.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A9A9A9#808080#696969#C0C0C0#DCDCDC

Palette guide

How to use Stone Garden Zen

Overview

The Stone Garden Zen palette offers a harmonious blend of cool greys, perfect for cultivating a minimalist and serene aesthetic in digital and physical spaces. Inspired by tranquil stone gardens, this collection features a range from the soft #DCDCDC to the deeper #696969, including the balanced #A9A9A9, #C0C0C0, and #808080. Designers and developers can leverage these sophisticated neutrals to create environments that evoke calm and clarity, ideal for applications requiring understated elegance and a focus on content. It's an excellent choice for crafting clean UIs, background textures, and subtle branding elements that promote a sense of peace and modern simplicity.

Best used for

  • Minimalist website designs
  • Serene mobile app interfaces
  • Branding for wellness or spa services
  • Interior design visualization
  • Photography portfolios
  • Elegant editorial layouts

Suggested color roles

primary

#808080 - A balanced mid-grey, ideal for main content areas or substantial UI components where a calm, grounded presence is desired.

secondary

#A9A9A9 - A lighter, versatile grey for subheadings, secondary buttons, or background elements that need to stand out subtly from the primary.

accent

#696969 - A darker, more grounding grey, effective for subtle accents, borders, or hover states that require a slight increase in depth without harsh contrast.

background

#DCDCDC - A very light grey, excellent for clean, spacious backgrounds that provide a soft canvas without the starkness of pure white.

text

#696969 - This deeper grey offers good readability against lighter backgrounds like #DCDCDC or #C0C0C0, providing a softer alternative to black.

Accessibility notes

  • Ensure sufficient contrast when using #A9A9A9 or #C0C0C0 for text against #DCDCDC backgrounds; test with WCAG guidelines.
  • Text in #696969 provides good readability on light backgrounds, but avoid pairing it with #808080 for smaller text.
  • Use #808080 for larger headings or graphical elements against #DCDCDC to maintain visual clarity.
  • Consider using a true black or dark charcoal for critical body text if the palette's darker greys don't meet minimum contrast ratios on very light elements.

Recommended combinations

Zen Base

Ideal for a clean, layered background with subtle depth, great for UI cards or content sections.

#DCDCDC · #A9A9A9 · #808080

Deep Contrast

Suitable for primary content areas where #696969 provides strong text contrast against #C0C0C0.

#C0C0C0 · #696969 · #808080

Soft Transition

Excellent for gradients, subtle hover effects, or progressive disclosure elements in minimalist interfaces.

#A9A9A9 · #C0C0C0 · #DCDCDC

CSS variables

:root {
  --stone-garden-zen-1: #A9A9A9;
  --stone-garden-zen-2: #808080;
  --stone-garden-zen-3: #696969;
  --stone-garden-zen-4: #C0C0C0;
  --stone-garden-zen-5: #DCDCDC;
}

Tailwind config

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

Related searches

minimalist grey color schemezen neutral palettecool grey designserene color combinationsstone garden inspired colors

Palette colors

Hex values

Color 1#A9A9A9
·
Color 2#808080
·
Color 3#696969
·
Color 4#C0C0C0
·
Color 5#DCDCDC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.3:1Fail
1.3:1Fail
1.7:1Fail
2
1.7:1Fail
1.4:1Fail
2.2:1Fail
2.9:1Fail
3
2.3:1Fail
1.4:1Fail
3:1AA18
4:1AA18
4
1.3:1Fail
2.2:1Fail
3:1AA18
1.3:1Fail
5
1.7:1Fail
2.9:1Fail
4:1AA18
1.3:1Fail

Similar palettes

More like Stone Garden Zen

View all neutral
Calm Interior Lines
Calm Stone Pathway
Cloudy Cobblestone Lane
Nordic Calm Retreat
Riverbed Smooth Stone
Smooth Pebble Gradient