Back to palettes

Palette

Zen River Stones

The soft, harmonious grays of polished river stones in a tranquil zen garden.

MonochromeMinimal5 colors
More Monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Zen River Stones 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 River Stones.

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

Data visualization

#708090#808080#A9A9A9#C0C0C0#D3D3D3

Palette guide

How to use Zen River Stones

Overview

The Zen River Stones palette captures the soft, harmonious grays of polished river stones, offering a collection that exudes tranquility and balanced elegance. Featuring shades like the cool slate of `#708090`, the classic mid-gray `#808080`, and the delicate lightness of `#D3D3D3`, this palette is perfect for designers and developers aiming for a refined, understated aesthetic. Its gentle progression of grays provides versatility for various applications, from professional interfaces to serene personal brands. The palette's inherent calmness makes it ideal for conveying stability, clarity, and a quiet sense of sophistication.

Best used for

  • Professional service websites
  • Modern corporate branding
  • Tech startup interfaces
  • Art gallery and museum exhibits
  • Minimalist interior design concepts
  • Academic and editorial layouts

Suggested color roles

primary

Utilize `#808080` as the foundational gray, versatile for primary elements, backgrounds, or text in a balanced composition.

secondary

Apply `#708090` for headings, important details, or borders to introduce a subtle cool depth and professionalism.

accent

Use `#A9A9A9` for subtle highlights, secondary information, or interactive elements that need to stand out gently.

background

Employ `#D3D3D3` as a very light, clean background, providing an airy and uncluttered canvas for content.

text

For body text, use `#708090` or a dark charcoal/black on lighter backgrounds like `#D3D3D3` for optimal readability. For darker backgrounds, use `#D3D3D3`.

Accessibility notes

  • Ensure sufficient contrast for text on backgrounds; `#708090` on `#D3D3D3` offers good readability.
  • Avoid using light grays like `#C0C0C0` or `#A9A9A9` for small text on light backgrounds without verifying WCAG standards.
  • Interactive elements should clearly indicate their state changes (hover, active) using distinct shades from the palette.
  • When layering grays, ensure enough value difference to prevent visual ambiguity, especially for informational hierarchy.

Recommended combinations

Classic Calm

Excellent for main content areas: `#D3D3D3` as background, `#808080` for body text, and `#708090` for titles.

#D3D3D3 · #808080 · #708090

Subtle Structure

Ideal for secondary informational blocks or card components, using the lighter tones for structure and `#808080` for key text.

#A9A9A9 · #C0C0C0 · #808080

Deep Slate

Effective for a header or footer section, with `#708090` as a solid background, `#D3D3D3` for text, and `#A9A9A9` for icons.

#708090 · #D3D3D3 · #A9A9A9

CSS variables

:root {
  --zen-river-stones-1: #708090;
  --zen-river-stones-2: #808080;
  --zen-river-stones-3: #A9A9A9;
  --zen-river-stones-4: #C0C0C0;
  --zen-river-stones-5: #D3D3D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "zen-river-stones": {
        1: "#708090",
        2: "#808080",
        3: "#A9A9A9",
        4: "#C0C0C0",
        5: "#D3D3D3",
      }
    }
  }
}

Related searches

cool gray color paletteserene stone colorsminimalist gray designzen neutral schemeprofessional gray tones

Palette colors

Hex values

Color 1#708090
·
Color 2#808080
·
Color 3#A9A9A9
·
Color 4#C0C0C0
·
Color 5#D3D3D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.7:1Fail
2.2:1Fail
2.7:1Fail
2
1:1Fail
1.7:1Fail
2.2:1Fail
2.6:1Fail
3
1.7:1Fail
1.7:1Fail
1.3:1Fail
1.6:1Fail
4
2.2:1Fail
2.2:1Fail
1.3:1Fail
1.2:1Fail
5
2.7:1Fail
2.6:1Fail
1.6:1Fail
1.2:1Fail

Similar palettes

More like Zen River Stones

View all Monochrome
Zen Rock Garden
Ancient Stone Whisper
Urban Concrete Grays
Aged Stone Reverie
Celestial Dust Bloom
Geometric Noir Still