Back to palettes

Palette

Stone Wall Whisper

Muted greys and soft charcoals evoke the quiet strength and timelessness of ancient stone walls.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stone Wall Whisper 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 Stone Wall Whisper.

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

Data visualization

#4D4D4D#7F7F7F#A0A0A0#C1C1C1#E0E0E0

Palette guide

How to use Stone Wall Whisper

Overview

The Stone Wall Whisper palette features muted greys and soft charcoals, evoking the quiet strength and timelessness of ancient stone walls. This monochrome collection provides a versatile gradient from the very light #E0E0E0 to the deep #4D4D4D, with balanced mid-tones like #A0A0A0. It's a minimalist's ideal choice for designs that require sophistication, subtlety, and a serene atmosphere. Designers and developers can utilize this palette to craft clean, authoritative, and enduring visual experiences, perfect for modern interfaces, luxury branding, or any project aiming for understated elegance and clarity.

Best used for

  • Minimalist web design projects
  • Corporate branding and identity
  • Modern art gallery portfolios
  • Tech company interface designs
  • Luxury product packaging
  • Clean editorial layouts

Suggested color roles

primary

Use #7F7F7F (Gray) for balanced, readable body text or as a primary UI element color, offering a soft contrast.

secondary

Apply #A0A0A0 (Light Gray) for supportive elements, subtle divisions, or less prominent information.

accent

Employ #4D4D4D (Dark Charcoal) for strong headings, important calls to action, or to define key structural elements.

background

Utilize #E0E0E0 (Very Light Gray) as a clean, expansive canvas, providing a crisp and inviting base.

text

Choose #4D4D4D (Dark Charcoal) for primary body text and headings, or black for maximum readability on light backgrounds.

Accessibility notes

  • Ensure #4D4D4D text on #E0E0E0 backgrounds meets WCAG AA contrast standards.
  • Avoid using #7F7F7F for small text on #E0E0E0 as contrast may be insufficient.
  • Use #4D4D4D for all critical body text to guarantee readability across devices.
  • When using multiple light grays, ensure clear visual differentiation through size or weight.

Recommended combinations

Quiet Strength

Ideal for a clean background, main text, and secondary text or subtle UI elements, conveying quiet authority.

#E0E0E0 · #4D4D4D · #7F7F7F

Layered Stone

Great for creating subtle depth in UI layers, cards, or background patterns with a sophisticated feel.

#C1C1C1 · #A0A0A0 · #7F7F7F

Subtle Contrast

Effective for strong headers, a clean canvas, and decorative elements that need to stand out with understated elegance.

#4D4D4D · #E0E0E0 · #A0A0A0

CSS variables

:root {
  --stone-wall-whisper-2-1: #4D4D4D;
  --stone-wall-whisper-2-2: #7F7F7F;
  --stone-wall-whisper-2-3: #A0A0A0;
  --stone-wall-whisper-2-4: #C1C1C1;
  --stone-wall-whisper-2-5: #E0E0E0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stone-wall-whisper-2": {
        1: "#4D4D4D",
        2: "#7F7F7F",
        3: "#A0A0A0",
        4: "#C1C1C1",
        5: "#E0E0E0",
      }
    }
  }
}

Related searches

minimalist gray palettesubtle neutral schemequiet stone colorstimeless monochromemodern gray design

Palette colors

Hex values

Color 1#4D4D4D
·
Color 2#7F7F7F
·
Color 3#A0A0A0
·
Color 4#C1C1C1
·
Color 5#E0E0E0
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
3.2:1AA18
4.7:1AA
6.4:1AA
2
2.1:1Fail
1.5:1Fail
2.2:1Fail
3:1AA18
3
3.2:1AA18
1.5:1Fail
1.5:1Fail
2:1Fail
4
4.7:1AA
2.2:1Fail
1.5:1Fail
1.4:1Fail
5
6.4:1AA
3:1AA18
2:1Fail
1.4:1Fail

Similar palettes

More like Stone Wall Whisper

View all monochrome