Stone Linen Passage
Soft grays caught between shadow and light, like weathered linen hung in quiet morning air.
Psychology
This achromatic palette relies on tonal contrast rather than chromatic variation, creating visual interest while maintaining a restful, undistracted quality. The range from near-black to near-white establishes clear hierarchy without warmth or coolness, allowing the eye to move across distinct values without emotional push or pull. Low saturation across all six colors signals calm restraint, while high contrast between extremes prevents monotony and supports legibility in both visual and conceptual contexts.
Usage
Ideal for minimalist branding, editorial layouts, and industrial product design where tonal separation matters more than color depth. Works exceptionally well in luxury packaging, architectural photography, and typography-forward print projects that need contrast without distraction. The soft palette also serves web interfaces and digital products designed for extended viewing without visual fatigue.
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,
#1c1c1c 0%,
#707070 20%,
#4a4a4a 40%,
#e8e8e8 60%,
#b0b0b0 80%,
#d0d0d0 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #1c1c1c;
--color-gradient-2: #707070;
--color-gradient-3: #4a4a4a;
--color-gradient-4: #e8e8e8;
--color-gradient-5: #b0b0b0;
--color-gradient-6: #d0d0d0;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #1c1c1c; --color-2: #707070; --color-3: #4a4a4a; --color-4: #e8e8e8; --color-5: #b0b0b0; --color-6: #d0d0d0;
Hex values
#1c1c1c, #707070, #4a4a4a, #e8e8e8, #b0b0b0, #d0d0d0
Building something? Get this palette via the REST API.
