Back to palettes

Palette

Rustic Garden Stone

A comforting collection of natural greys, mimicking weathered garden stones and gravel paths.

monochromenatural5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#A3A3A3#7A7A7A#C2C2C2#5E5E5E#B0B0B0

Palette guide

How to use Rustic Garden Stone

Overview

The Rustic Garden Stone palette is a comforting collection of natural greys, mimicking weathered garden stones and gravel paths. This monochrome scheme offers a versatile range from the very dark #5E5E5E to the lighter, airy #C2C2C2. Mid-tones like #A3A3A3, #7A7A7A, and #B0B0B0 provide subtle variations in texture and depth, perfect for creating understated elegance. Designers and developers will find this palette invaluable for projects requiring a sense of stability, natural texture, and minimalist sophistication, from architectural visualizations to contemporary web interfaces.

Best used for

  • Architectural and interior design mood boards
  • Branding for minimalist or sustainable products
  • Web design for tech companies or modern portfolios
  • UI elements requiring a clean, neutral aesthetic
  • Photography backdrops for product showcases
  • Print materials for high-end, understated brands

Suggested color roles

primary

Use #7A7A7A (Medium Grey) for prominent headers, main navigation, or key interactive elements to provide a stable, sophisticated foundation.

secondary

Employ #A3A3A3 (Light-Medium Grey) for subheadings, secondary content blocks, or large background sections where a softer, textured feel is desired.

accent

Apply #5E5E5E (Dark Grey) sparingly for important links, icons, or subtle borders to add definition and a touch of grounded elegance.

background

Utilize #C2C2C2 (Light Grey) for main page backgrounds, content cards, or large canvas areas, providing a clean, neutral foundation.

text

Recommended for body text and paragraphs, #5E5E5E (Dark Grey) ensures excellent readability against lighter backgrounds like #C2C2C2.

Accessibility notes

  • Ensure #5E5E5E text on #C2C2C2 background meets WCAG AA contrast standards.
  • Avoid using #B0B0B0 or #A3A3A3 for text on #C2C2C2 due to low contrast.
  • For interactive elements, ensure distinct hover/focus states with good contrast (e.g., #5E5E5E on #C2C2C2).
  • Using a true black for critical text on #C2C2C2 might be necessary for maximum readability.

Recommended combinations

Light Stone Base

Creates a soft, layered background or content area, perfect for a serene and minimalist feel.

#C2C2C2 · #B0B0B0 · #A3A3A3

Grounded Monochromatic

Offers a progression of darker greys, ideal for strong headings, borders, or sophisticated branding.

#7A7A7A · #5E5E5E · #A3A3A3

Textured Contrast

Provides a clear light-dark contrast for text and primary elements on a clean background, evoking natural stone textures.

#C2C2C2 · #5E5E5E · #7A7A7A

CSS variables

:root {
  --rustic-garden-stone-1: #A3A3A3;
  --rustic-garden-stone-2: #7A7A7A;
  --rustic-garden-stone-3: #C2C2C2;
  --rustic-garden-stone-4: #5E5E5E;
  --rustic-garden-stone-5: #B0B0B0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rustic-garden-stone": {
        1: "#A3A3A3",
        2: "#7A7A7A",
        3: "#C2C2C2",
        4: "#5E5E5E",
        5: "#B0B0B0",
      }
    }
  }
}

Related searches

rustic grey stone palettenatural monochrome colorsgarden inspired greysearthy neutral designweathered stone color scheme

Palette colors

Hex values

Color 1#A3A3A3
·
Color 2#7A7A7A
·
Color 3#C2C2C2
·
Color 4#5E5E5E
·
Color 5#B0B0B0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
1.4:1Fail
2.6:1Fail
1.2:1Fail
2
1.7:1Fail
2.4:1Fail
1.5:1Fail
2:1Fail
3
1.4:1Fail
2.4:1Fail
3.6:1AA18
1.2:1Fail
4
2.6:1Fail
1.5:1Fail
3.6:1AA18
3:1Fail
5
1.2:1Fail
2:1Fail
1.2:1Fail
3:1Fail

Similar palettes

More like Rustic Garden Stone

View all monochrome
Volcanic Rock Embrace
Mountain Peak Basalt
Wild Thistle Bloom
Botanical Fern Bloom
Desert Sand Texture
Verdant Shade Study