Back to palettes

Palette

Stone Meditation Path

A calming and balanced palette, reflecting the natural, grounding tones of a tranquil stone pathway.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Stone Meditation Path 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 Meditation Path.

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

Data visualization

#708090#A9A9A9#D3D3D3#EEEEEE#506070

Palette guide

How to use Stone Meditation Path

Overview

The Stone Meditation Path palette offers a calming and balanced collection of cool greys, reflecting the natural, grounding tones of a tranquil stone pathway. Ranging from the very light #EEEEEE and #D3D3D3, through the versatile #A9A9A9, to the deeper, more defined #708090 and #506070, this palette fosters a sense of peace and clarity. Designers and developers can leverage these serene neutrals to create interfaces and brands that feel stable, contemplative, and harmoniously understated. It's an excellent choice for projects focused on wellness, mindfulness, clean design, or any application seeking to evoke a quiet, reflective atmosphere.

Best used for

  • Mindfulness and meditation apps
  • Wellness and spa branding
  • Minimalist personal blogs
  • Tranquil e-commerce sites
  • Clean corporate dashboards
  • Nature-inspired editorial layouts

Suggested color roles

primary

#A9A9A9 - A balanced mid-grey, ideal for main content areas or navigation, providing a stable yet gentle presence.

secondary

#708090 - A slightly deeper, cool grey, suitable for subheadings, secondary buttons, or to define subtle sections.

accent

#506070 - The deepest, most grounding grey, perfect for strong calls to action, important icons, or to create clear visual hierarchy.

background

#EEEEEE - A very light, near-white grey that provides a clean, expansive, and calming canvas for all content, softer than pure white.

text

#506070 - This deep, cool grey offers excellent contrast against #EEEEEE or #D3D3D3, ensuring optimal readability for body text and headings.

Accessibility notes

  • Ensure sufficient contrast for text in #A9A9A9 against #EEEEEE or #D3D3D3; consider larger font sizes or bolder weights.
  • The darkest shade, #506070, is crucial for all primary text to meet WCAG AA contrast standards on light backgrounds.
  • Avoid using #D3D3D3 or #EEEEEE for text, as they lack sufficient contrast against any background in this palette.
  • For interactive elements, provide clear visual feedback beyond color alone, especially for buttons using similar mid-tones.

Recommended combinations

Path Base

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

#EEEEEE · #D3D3D3 · #A9A9A9

Grounded Focus

Excellent for content blocks, with #506070 providing strong text on a light background, framed by #A9A9A9.

#A9A9A9 · #506070 · #EEEEEE

Reflective Elements

Ideal for interactive elements or subtle calls to action, ensuring clarity and a contemplative feel.

#708090 · #D3D3D3 · #506070

CSS variables

:root {
  --stone-meditation-path-1: #708090;
  --stone-meditation-path-2: #A9A9A9;
  --stone-meditation-path-3: #D3D3D3;
  --stone-meditation-path-4: #EEEEEE;
  --stone-meditation-path-5: #506070;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "stone-meditation-path": {
        1: "#708090",
        2: "#A9A9A9",
        3: "#D3D3D3",
        4: "#EEEEEE",
        5: "#506070",
      }
    }
  }
}

Related searches

calm grey color schememeditation inspired palettetranquil stone path colorsminimalist cool greywellness design colors

Palette colors

Hex values

Color 1#708090
·
Color 2#A9A9A9
·
Color 3#D3D3D3
·
Color 4#EEEEEE
·
Color 5#506070
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.7:1Fail
3.5:1AA18
1.6:1Fail
2
1.7:1Fail
1.6:1Fail
2:1Fail
2.8:1Fail
3
2.7:1Fail
1.6:1Fail
1.3:1Fail
4.3:1AA18
4
3.5:1AA18
2:1Fail
1.3:1Fail
5.6:1AA
5
1.6:1Fail
2.8:1Fail
4.3:1AA18
5.6:1AA

Similar palettes

More like Stone Meditation Path

View all neutral
River Stone Calm
Serene Pebble Path
Zen Garden Pebble
Zen Garden Pebbles
Zen Garden Stillness
Coastal Cliffs