Back to palettes

Palette

Quiet Stone Arrange

Peaceful shades of weathered stones and fine raked sand from a tranquil, minimalist Zen garden.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#C0C5C1#8B908A#5D635C#424740#E0E2E0

Palette guide

How to use Quiet Stone Arrange

Overview

The Quiet Stone Arrange palette embodies the peaceful stillness of a Zen garden, offering a serene collection of weathered stone and raked sand tones. With hex codes #C0C5C1, #8B908A, #5D635C, #424740, and #E0E2E0, this palette is a designer's go-to for creating calming, natural, and subtly sophisticated experiences. It's particularly effective for projects that aim to convey tranquility, mindfulness, or a connection to nature. The muted greens and grays provide a versatile base for both digital interfaces and physical environments, fostering a sense of balance and minimalist elegance.

Best used for

  • Spa and wellness branding
  • Meditation and mindfulness apps
  • Nature-inspired interior design
  • Eco-friendly product packaging
  • Minimalist websites and blogs
  • Zen garden themed digital art

Suggested color roles

primary

Use #8B908A as a stable, earthy primary color, ideal for content blocks or foundational UI components due to its balanced neutrality.

secondary

Incorporate #5D635C as a deeper secondary shade to add grounding depth, suitable for subheadings or prominent accents without being too dark.

accent

Apply #C0C5C1 as a subtle highlight accent, bringing a touch of freshness and lightness to interactive elements or decorative details.

background

Employ #E0E2E0 as a light, airy background, providing a clean and expansive canvas that enhances the palette's tranquil mood.

text

For clear readability, use #424740 for main headings and #5D635C for body text, ensuring excellent contrast against the lighter background tones.

Accessibility notes

  • Ensure #424740 provides good contrast when used as text on the lightest background, #E0E2E0.
  • Be cautious when pairing #8B908A text on #C0C5C1 backgrounds; always verify WCAG compliance for readability.
  • Lighter shades like #C0C5C1 should be avoided for small text unless contrasted with a very dark background.
  • The darker tones, #5D635C and #424740, offer reliable contrast for text on #E0E2E0 and similar light shades.

Recommended combinations

Zen Contrast

Creates strong readability with a grounding dark text on a light background, balanced by a natural mid-tone.

#424740 · #E0E2E0 · #8B908A

Muted Depth

Ideal for layering elements, offering a subtle gradient from deeper to lighter tones, perfect for UI states.

#5D635C · #8B908A · #C0C5C1

Light Harmony

Provides a soft, airy feel suitable for expansive backgrounds or delicate graphic elements, maintaining a gentle flow.

#E0E2E0 · #C0C5C1 · #8B908A

CSS variables

:root {
  --quiet-stone-arrange-1: #C0C5C1;
  --quiet-stone-arrange-2: #8B908A;
  --quiet-stone-arrange-3: #5D635C;
  --quiet-stone-arrange-4: #424740;
  --quiet-stone-arrange-5: #E0E2E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "quiet-stone-arrange": {
        1: "#C0C5C1",
        2: "#8B908A",
        3: "#5D635C",
        4: "#424740",
        5: "#E0E2E0",
      }
    }
  }
}

Related searches

zen garden colorsnatural stone palettecalming grey greensubtle neutral schemeeco-friendly color design

Palette colors

Hex values

Color 1#C0C5C1
·
Color 2#8B908A
·
Color 3#5D635C
·
Color 4#424740
·
Color 5#E0E2E0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3.5:1AA18
5.4:1AA
1.3:1Fail
2
1.9:1Fail
1.9:1Fail
2.9:1Fail
2.5:1Fail
3
3.5:1AA18
1.9:1Fail
1.5:1Fail
4.7:1AA
4
5.4:1AA
2.9:1Fail
1.5:1Fail
7.3:1AAA
5
1.3:1Fail
2.5:1Fail
4.7:1AA
7.3:1AAA

Similar palettes

More like Quiet Stone Arrange

View all neutral
Pebble Shore Calm
Zen Stone Garden
Ancient Grove Hush
Cloud Forest Mist
Cloudy Day Serene
Coastal Driftwood Grey