Back to palettes

Palette

Ancient Stone Whisper

The muted, weathered tones of ancient stone ruins, conveying an aura of timeless solitude.

MonochromeMinimal5 colors
More Monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#708090#A9A9A9#C0C0C0#DCDCDC#F5F5F5

Palette guide

How to use Ancient Stone Whisper

Overview

The 'Ancient Stone Whisper' palette features the muted, weathered tones of ancient stone ruins, conveying an aura of timeless solitude. Ranging from the deep #708090 (slate grey) to the bright #F5F5F5, with versatile mid-tones like #A9A9A9, this monochrome, cool, and minimal palette is perfect for designers and developers crafting serene, modern, and understated designs. It provides a harmonious blend of cool greys, ideal for conveying a sense of age, tranquility, and quiet strength in various digital and physical applications, from minimalist websites to luxury spa branding.

Best used for

  • Minimalist websites and applications
  • Meditation and wellness apps
  • Luxury spa and resort branding
  • Architectural photography portfolios
  • Serene digital interfaces
  • Art galleries and exhibition spaces

Suggested color roles

primary

Utilize #708090 as a calm, slate grey for primary elements, such as headers or main content blocks, providing a sense of stability.

secondary

Apply #A9A9A9 as a neutral mid-grey for supporting sections, subheadings, or subtle graphical accents, adding visual lightness.

accent

Introduce #F5F5F5 as the brightest, airy highlight for interactive elements, delicate details, or to create visual separation.

background

Employ #DCDCDC as a soft, light grey background, offering a clean and expansive canvas with a tranquil feel.

text

For optimal legibility, use #708090 for all body text and headings, ensuring strong contrast against lighter backgrounds like #F5F5F5.

Accessibility notes

  • Ensure #708090 text on #F5F5F5 background meets WCAG AA contrast standards for readability.
  • Use #A9A9A9 for larger headings on #C0C0C0 for improved visual distinction.
  • Avoid using #C0C0C0 for small text on #DCDCDC due to potential low contrast.
  • Check contrast for all interactive elements to ensure consistent legibility and usability.

Recommended combinations

Deep Solitude

Creates a calm, layered depth suitable for prominent content blocks, footers, or deep textural backgrounds.

#708090 · #A9A9A9 · #C0C0C0

Whispering Walls

Ideal for layered backgrounds, subtle gradients, or overlays that evoke light, ethereal stone textures.

#C0C0C0 · #DCDCDC · #F5F5F5

Minimal Stone

A contrasting yet serene combination for titles, hero sections, or key informational graphics.

#A9A9A9 · #F5F5F5 · #708090

CSS variables

:root {
  --ancient-stone-whisper-2-1: #708090;
  --ancient-stone-whisper-2-2: #A9A9A9;
  --ancient-stone-whisper-2-3: #C0C0C0;
  --ancient-stone-whisper-2-4: #DCDCDC;
  --ancient-stone-whisper-2-5: #F5F5F5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-stone-whisper-2": {
        1: "#708090",
        2: "#A9A9A9",
        3: "#C0C0C0",
        4: "#DCDCDC",
        5: "#F5F5F5",
      }
    }
  }
}

Related searches

ancient grey minimalcool stone palettemonochrome neutral hexserene design colorstimeless solitude aesthetic

Palette colors

Hex values

Color 1#708090
·
Color 2#A9A9A9
·
Color 3#C0C0C0
·
Color 4#DCDCDC
·
Color 5#F5F5F5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.2:1Fail
3:1Fail
3.7:1AA18
2
1.7:1Fail
1.3:1Fail
1.7:1Fail
2.2:1Fail
3
2.2:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
3:1Fail
1.7:1Fail
1.3:1Fail
1.3:1Fail
5
3.7:1AA18
2.2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Ancient Stone Whisper

View all Monochrome