Back to palettes

Palette

Stone Grotto Mist

Captures the quiet solemnity of a misty cave, with a range of understated cool greys.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stone Grotto Mist 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 Grotto Mist.

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

Data visualization

#708090#A9A9A9#D3D3D3#F5F5F5#808080

Palette guide

How to use Stone Grotto Mist

Overview

The Stone Grotto Mist palette beautifully captures the quiet solemnity of a misty cave, featuring a range of understated cool greys. From the ethereal #F5F5F5 and soft #D3D3D3, through the balanced #A9A9A9, to the deeper #808080 and #708090, this collection evokes calm and serene sophistication. Designers and developers can leverage these harmonious neutrals to create environments that feel tranquil, mysterious, and elegantly subdued. It's an excellent choice for projects requiring a soft, atmospheric touch, such as luxury lifestyle brands, art galleries, meditation apps, or any design aiming for a sense of peaceful contemplation.

Best used for

  • Luxury lifestyle branding
  • Art gallery websites
  • Meditation or mindfulness apps
  • High-end editorial layouts
  • Spa and wellness marketing
  • Minimalist portfolio sites

Suggested color roles

primary

#A9A9A9 - A versatile mid-grey, ideal for main content areas or large UI elements, providing a soft yet defined presence.

secondary

#808080 - A slightly darker, grounding grey, suitable for secondary information, subheadings, or subtle dividers.

accent

#708090 - A deep, cool grey with a hint of blue, perfect for subtle accents, calls to action, or important icons that need to stand out gently.

background

#F5F5F5 - A near-white, airy grey that creates a soft, expansive canvas, mimicking the subtle glow of mist in a grotto.

text

#708090 - This deep, cool grey provides excellent readability against the lighter backgrounds like #F5F5F5 and #D3D3D3, ensuring clarity without harshness.

Accessibility notes

  • Ensure sufficient contrast for text in #A9A9A9 against #F5F5F5 or #D3D3D3; consider larger font sizes.
  • The darkest grey, #708090, is crucial for all primary text to meet WCAG AA contrast standards on light backgrounds.
  • Avoid using #D3D3D3 or #F5F5F5 for text, as they lack sufficient contrast against any background in this palette.
  • For interactive elements, provide clear visual feedback like bolding or underlines, especially if using mid-tones like #A9A9A9.

Recommended combinations

Misty Canvas

Creates a light, ethereal background with subtle layering for content cards or gentle transitions.

#F5F5F5 · #D3D3D3 · #A9A9A9

Grotto Depth

Effective for defining sections or hierarchy, with #708090 providing strong contrast for headings.

#A9A9A9 · #808080 · #708090

Solemn Text

Ideal for body text in #708090 on a #F5F5F5 or #D3D3D3 background for optimal readability and mood.

#F5F5F5 · #D3D3D3 · #708090

CSS variables

:root {
  --stone-grotto-mist-1: #708090;
  --stone-grotto-mist-2: #A9A9A9;
  --stone-grotto-mist-3: #D3D3D3;
  --stone-grotto-mist-4: #F5F5F5;
  --stone-grotto-mist-5: #808080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stone-grotto-mist": {
        1: "#708090",
        2: "#A9A9A9",
        3: "#D3D3D3",
        4: "#F5F5F5",
        5: "#808080",
      }
    }
  }
}

Related searches

misty grey color schemeunderstated cool greyserene grotto paletteminimalist neutral designsubtle stone colors

Palette colors

Hex values

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

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
3.7:1AA18
1:1Fail
2
1.7:1Fail
1.6:1Fail
2.2:1Fail
1.7:1Fail
3
2.7:1Fail
1.6:1Fail
1.4:1Fail
2.6:1Fail
4
3.7:1AA18
2.2:1Fail
1.4:1Fail
3.6:1AA18
5
1:1Fail
1.7:1Fail
2.6:1Fail
3.6:1AA18

Similar palettes

More like Stone Grotto Mist

View all neutral
Schist Vein
Slate Cavern
Ancient Roman Stone
Ancient Rune Stone
Ancient Temple Stones
Calm Stone Pathway