Palette

Whispering Stone Garden

A tranquil blend of earthy tones found in a peaceful moss-covered stone garden.

NeutralMinimal5 colors

More Neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A9A9A9#708269#F5F5DC#8B4513#F8F8FF

Palette guide

How to use Whispering Stone Garden

Overview

The Whispering Stone Garden palette offers a tranquil blend of earthy tones, reminiscent of a peaceful, moss-covered landscape. With grounding hues like the dignified grey of #A9A9A9, the organic moss green of #708269, and the deep, warm brown of #8B4513, this palette exudes a natural and serene calm. The subtle off-white of #F5F5DC provides a clean, gentle base. This palette is ideal for designers and developers looking to create sophisticated, minimalist, or eco-conscious designs that convey stability, authenticity, and a connection to nature's enduring beauty.

Best used for

Eco-friendly product packaging and branding
Minimalist interior design concepts
Architectural visualization and renders
Outdoor living and garden design websites
Natural beauty and skincare brands
Sustainable fashion collections

Suggested color roles

primary

Use #708269 as a grounding primary color, ideal for conveying organic and natural themes in branding.

secondary

Apply #A9A9A9 for secondary elements, offering a sophisticated, stone-like texture and stability.

accent

Introduce #8B4513 as a warm, earthy accent for calls-to-action or focal points, adding depth and richness.

background

Employ #F5F5DC as a light, creamy background, ensuring readability and a soft, inviting canvas.

text

A deep charcoal or rich espresso brown provides excellent contrast and complements the earthy tones.

Accessibility notes

Ensure sufficient contrast when using #F5F5DC for text on any of the darker colors.
For text, pair #8B4513 or #708269 with #F5F5DC or #F8F8FF for optimal readability.
Avoid using #A9A9A9 as a primary text color on light backgrounds due to potential low contrast.
Test all text and interactive element color combinations against WCAG standards.

Recommended combinations

Earthy Ground

Creates a natural, organic, and grounded feel, perfect for nature-inspired themes.

#708269 · #8B4513 · #F5F5DC

Modern Stone

Offers a clean, sophisticated, and minimalist aesthetic, blending cool and warm neutrals.

#A9A9A9 · #708269 · #F8F8FF

Moss & Wood

Directly evokes a serene garden, ideal for rustic or natural history designs.

#A9A9A9 · #8B4513 · #708269

CSS variables

:root {
  --whispering-stone-garden-1: #A9A9A9;
  --whispering-stone-garden-2: #708269;
  --whispering-stone-garden-3: #F5F5DC;
  --whispering-stone-garden-4: #8B4513;
  --whispering-stone-garden-5: #F8F8FF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-stone-garden": {
        1: "#A9A9A9",
        2: "#708269",
        3: "#F5F5DC",
        4: "#8B4513",
        5: "#F8F8FF",
      }
    }
  }
}

Hex values

Color 1#A9A9A9

Color 2#708269

Color 3#F5F5DC

Color 4#8B4513

Color 5#F8F8FF

Accessibility

Contrast checker

1.8:1Fail

2.1:1Fail

3:1AA18

2.2:1Fail

1.8:1Fail

3.7:1AA18

1.7:1Fail

3.9:1AA18

2.1:1Fail

3.7:1AA18

6.4:1AA

1:1Fail

3:1AA18

1.7:1Fail

6.4:1AA

6.7:1AA

2.2:1Fail

3.9:1AA18

1:1Fail

6.7:1AA

Similar palettes

More like Whispering Stone Garden

Artisan Ceramic Glaze

Minimal Pebble Shore

Monastic Scroll Hues