Palette

Zen Meditation Stone

A serene, monochrome progression of cool grays, evoking the peaceful stillness of a zen stone garden.

monochromeminimal5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#696969#808080#A9A9A9#D3D3D3#EAEAEA

Palette guide

How to use Zen Meditation Stone

Overview

The Zen Meditation Stone palette is a serene, monochrome progression of cool grays, perfectly evoking the peaceful stillness of a zen stone garden. This minimalist collection, featuring #696969, #808080, #A9A9A9, #D3D3D3, and #EAEAEA, offers a calm and sophisticated aesthetic. Developers and designers can utilize these harmonious shades to create meditation apps, luxury branding, or architectural portfolios. The subtle gradations provide depth and tranquility, allowing for clean, focused designs that promote mindfulness and elegance. This palette is ideal for conveying a sense of quiet contemplation and refined simplicity in any digital or physical context.

Best used for

Meditation and mindfulness app interfaces
Minimalist website design and branding
Luxury product displays and packaging
Architectural firm portfolios and presentations
Serene digital art and contemplative graphics
High-end editorial layouts

Suggested color roles

primary

Use #696969 for strong headings, primary UI elements, or important calls to action, providing a solid, grounding presence.

secondary

Apply #808080 for secondary text, subtle borders, or supporting graphics, offering a gentle yet clear distinction.

accent

Utilize #D3D3D3 for light highlights, hover states, or subtle background textures, adding a touch of understated brilliance.

background

Employ #EAEAEA as a very light grey background, creating a clean, expansive, and airy canvas that promotes focus.

text

For subheadings on darker backgrounds, use #A9A9A9. For main body text on #EAEAEA, a dark charcoal or black is recommended for readability.

Accessibility notes

Ensure sufficient contrast for #696969 text on #EAEAEA background for readability (WCAG AA).
Colors like #A9A9A9 and #D3D3D3 will have very low contrast for text against #EAEAEA; reserve for large decorative elements.
When using #696969 as a background, ensure text (e.g., #D3D3D3 or #EAEAEA) provides sufficient contrast.
Avoid using #808080 for small text on #A9A9A9, as contrast will be poor and impact readability.

Recommended combinations

Soft Transition

Ideal for creating subtle depth in backgrounds or card elements, promoting a calm and continuous visual flow.

#EAEAEA · #D3D3D3 · #A9A9A9

Stone Depth

Use #696969 for strong headers, #808080 for body text, and #D3D3D3 for accents, for a structured yet serene design.

#696969 · #808080 · #D3D3D3

Meditation Contrast

Pair #696969 for primary text on #EAEAEA, with #A9A9A9 for secondary information, for a sophisticated, readable layout.

#EAEAEA · #696969 · #A9A9A9

CSS variables

:root {
  --zen-meditation-stone-1: #696969;
  --zen-meditation-stone-2: #808080;
  --zen-meditation-stone-3: #A9A9A9;
  --zen-meditation-stone-4: #D3D3D3;
  --zen-meditation-stone-5: #EAEAEA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-meditation-stone": {
        1: "#696969",
        2: "#808080",
        3: "#A9A9A9",
        4: "#D3D3D3",
        5: "#EAEAEA",
      }
    }
  }
}

Hex values

Color 1#696969

Color 2#808080

Color 3#A9A9A9

Color 4#D3D3D3

Color 5#EAEAEA

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

3.7:1AA18

4.6:1AA

1.4:1Fail

1.7:1Fail

2.6:1Fail

3.3:1AA18

2.3:1Fail

1.7:1Fail

1.6:1Fail

2:1Fail

3.7:1AA18

2.6:1Fail

1.6:1Fail

1.2:1Fail

4.6:1AA

3.3:1AA18

2:1Fail

1.2:1Fail

Similar palettes

More like Zen Meditation Stone

View all monochrome

Calm Stone Meditate

Minimalist Stone Garden