InstantGradient
Open the editor

Stone Garden Passage

Soft greyscale whispers of weathered stone and quiet woodland, where muted neutrals create depth without harsh edges.

Open in generator

Colors

~Italian Basil#60685D
~Moorland#A2A9A0
~Ancient Pine#424A40

Psychology

The three achromatic greens operate within a low-chroma, monochromatic system that eliminates visual competition, triggering a sense of restfulness rather than stimulation. The moderate contrast between the mid-tone Italian Basil and darker Ancient Pine provides enough visual hierarchy to guide the eye without the tension of high contrast, while the lighter Moorland acts as a breathing space that prevents the palette from feeling heavy or oppressive. This combination aligns with established principles where desaturated, neutral tones signal calm and trust, making the viewer feel grounded rather than energized.

Usage

Apply this palette to sustainable interior design projects, minimalist branding for wellness brands, and editorial photography styling where understated sophistication is required. The soft, moderate contrast makes it ideal for packaging design for natural textiles and ceramics, where the palette's earthy restraint builds credibility. Use it in web design for architecture or design studios where a neutral, professional aesthetic allows portfolio imagery to remain the focal point.

Code

CSS Gradient
/* CSS gradient approximation of mesh gradient */
/* Note: This is a linear approximation. For the full animated mesh effect, use the React/JS export. */
background: linear-gradient(
    90deg,
    #60685d 0%,
    #a2a9a0 50%,
    #424a40 100%
  );
Tailwind v4
/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #60685d;
  --color-gradient-2: #a2a9a0;
  --color-gradient-3: #424a40;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #60685d;
--color-2: #a2a9a0;
--color-3: #424a40;
Hex values
#60685d, #a2a9a0, #424a40

Building something? Get this palette via the REST API.

History