Palette

Quiet Stone Monastery

Serene and muted grays, evoking the peaceful stillness of an ancient stone monastery.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Quiet Stone Monastery 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 Quiet Stone Monastery.

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

Data visualization

#696969#808080#A9A9A9#C0C0C0#D3D3D3

Palette guide

How to use Quiet Stone Monastery

Overview

The Quiet Stone Monastery palette evokes the serene and timeless stillness of ancient stone structures, offering a tranquil range of muted grays. This collection, including #696969, #808080, #A9A9A9, #C0C0C0, and #D3D3D3, is perfect for designers and developers aiming for a sophisticated, minimalist, and contemplative aesthetic. Its monochromatic nature provides inherent harmony and versatility, making it suitable for projects that require a sense of gravitas, elegance, or understated luxury. From architectural visualization to high-end branding, these grays offer a timeless foundation.

Best used for

Historical documentaries and museum exhibits
Architectural visualization and design
High-end minimalist fashion brands
Contemplative and spiritual websites
Luxury product design and packaging
Clean, professional corporate identities

Suggested color roles

primary

Utilize #808080 as a balanced and timeless primary color, providing a solid foundation for main content areas or key visual elements.

secondary

Incorporate #A9A9A9 as a softer secondary shade, ideal for supporting elements, subtle dividers, or backgrounds that require a gentler touch.

accent

Apply #696969 as a grounding accent to provide clear contrast and emphasize important information, bringing depth to the palette.

background

Employ #D3D3D3 as a light, clean background color, offering a crisp canvas that allows darker elements to stand out with clarity and elegance.

text

For optimal readability, use #696969 for main body text and headings, with #808080 suitable for secondary text or captions against lighter backgrounds.

Accessibility notes

Ensure sufficient contrast for text, especially when using #A9A9A9 or #C0C0C0 as text colors on lighter backgrounds.
The darkest gray, #696969, provides excellent contrast on #D3D3D3 for body text, meeting WCAG standards.
Avoid using #C0C0C0 as text on #D3D3D3, as the contrast will likely be insufficient for readability.
Always test text sizes and weights with chosen color combinations to ensure legibility across all mediums.

Recommended combinations

Classic Contrast

Ideal for strong visual hierarchy, with dark text on a light background, anchored by a balanced mid-tone.

#696969 · #D3D3D3 · #808080

Stone Layers

Creates a subtle, harmonious gradient, perfect for layered UI elements or background textures.

#808080 · #A9A9A9 · #C0C0C0

Gentle Fade

Provides a soft, airy feel, excellent for expansive backgrounds or delicate graphical elements, promoting calm.

#D3D3D3 · #C0C0C0 · #A9A9A9

CSS variables

:root {
  --quiet-stone-monastery-1: #696969;
  --quiet-stone-monastery-2: #808080;
  --quiet-stone-monastery-3: #A9A9A9;
  --quiet-stone-monastery-4: #C0C0C0;
  --quiet-stone-monastery-5: #D3D3D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "quiet-stone-monastery": {
        1: "#696969",
        2: "#808080",
        3: "#A9A9A9",
        4: "#C0C0C0",
        5: "#D3D3D3",
      }
    }
  }
}

Hex values

Color 1#696969

Color 2#808080

Color 3#A9A9A9

Color 4#C0C0C0

Color 5#D3D3D3

Accessibility

Contrast checker

1.4:1Fail

2.3:1Fail

3:1AA18

3.7:1AA18

1.4:1Fail

1.7:1Fail

2.2:1Fail

2.6:1Fail

2.3:1Fail

1.7:1Fail

1.3:1Fail

1.6:1Fail

3:1AA18

2.2:1Fail

1.3:1Fail

1.2:1Fail

3.7:1AA18

2.6:1Fail

1.6:1Fail

1.2:1Fail

Similar palettes

More like Quiet Stone Monastery

Ancient Temple Stones

Calm Lakeside Stone

Calm Stone Pathway