Palette

Gravel Zen Meditations

A tranquil, monochromatic palette of serene greys, reflecting the peaceful simplicity of a raked zen garden.

monochromecalm5 colors

More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Gravel Zen Meditations 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 Gravel Zen Meditations.

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

Data visualization

#696969#A9A9A9#D3D3D3#E0E0E0#404040

Palette guide

How to use Gravel Zen Meditations

Overview

The Gravel Zen Meditations palette embodies a tranquil, monochromatic aesthetic, drawing inspiration from the peaceful simplicity of a raked zen garden. This collection of serene greys, including the deep #404040, balanced #696969, and lighter tones like #A9A9A9 and #D3D3D3, culminates in the very soft #E0E0E0. It provides a sophisticated and understated foundation for any design project. Designers and developers can utilize this palette to create minimalist, calming, and highly functional interfaces where focus and clarity are paramount. The subtle variations in grey allow for depth and structure without introducing additional color complexities.

Best used for

Minimalist website designs and portfolios
Meditation or mindfulness app interfaces
Corporate or professional branding seeking neutrality
Interior design mood boards and visualizations
Art gallery or museum digital experiences
Technical documentation or data dashboards

Suggested color roles

primary

Use #404040 for strong foundational elements, primary text, or bold section headers, providing clear definition.

secondary

Apply #696969 for secondary text, subheadings, or prominent UI elements, maintaining a strong but softer presence.

accent

#A9A9A9 can serve as a subtle accent for borders, dividers, or inactive states, adding gentle contrast.

background

#E0E0E0 is perfect for clean, serene backgrounds, ensuring content stands out without visual clutter.

text

For primary text, #404040 offers excellent readability. On darker backgrounds like #696969, use #D3D3D3 or #E0E0E0.

Accessibility notes

Ensure #404040 text on #E0E0E0 background meets WCAG AA contrast for body text.
Be cautious when using #D3D3D3 or #E0E0E0 for small text, as contrast against light backgrounds might be insufficient.
For interactive elements, ensure hover/active states provide sufficient visual feedback beyond color change.
Provide sufficient spacing and clear typography to enhance readability in a monochromatic scheme.

Recommended combinations

Zen Foundation

Ideal for core UI, combining a dark base with a light background and a mid-tone for key information.

#404040 · #E0E0E0 · #696969

Subtle Layers

Great for creating visual hierarchy in content blocks, cards, or subtle distinctions between sections.

#696969 · #D3D3D3 · #A9A9A9

Minimal Highlight

Suited for clean backgrounds with light accents and dark, readable text, perfect for minimalist layouts.

#E0E0E0 · #A9A9A9 · #404040

CSS variables

:root {
  --gravel-zen-meditations-1: #696969;
  --gravel-zen-meditations-2: #A9A9A9;
  --gravel-zen-meditations-3: #D3D3D3;
  --gravel-zen-meditations-4: #E0E0E0;
  --gravel-zen-meditations-5: #404040;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "gravel-zen-meditations": {
        1: "#696969",
        2: "#A9A9A9",
        3: "#D3D3D3",
        4: "#E0E0E0",
        5: "#404040",
      }
    }
  }
}

Hex values

Color 1#696969

Color 2#A9A9A9

Color 3#D3D3D3

Color 4#E0E0E0

Color 5#404040

Accessibility

Contrast checker

2.3:1Fail

3.7:1AA18

4.2:1AA18

1.9:1Fail

2.3:1Fail

1.6:1Fail

1.8:1Fail

4.4:1AA18

3.7:1AA18

1.6:1Fail

1.1:1Fail

6.9:1AA

4.2:1AA18

1.8:1Fail

1.1:1Fail

7.9:1AAA

1.9:1Fail

4.4:1AA18

6.9:1AA

7.9:1AAA

Similar palettes

More like Gravel Zen Meditations

View all monochrome

Contemplative Stone Flow

River Stone Calm

River Stone Meditation

Zen Garden Pebbles

Zen Garden Stone

Stone Garden