Concrete Stillness
The quiet weight of soft concrete beneath winter light, shadows pooling in folds of undyed fabric.
Psychology
This achromatic palette achieves emotional restraint through low saturation and carefully distributed lightness, allowing the eye to rest without visual noise. The high contrast range from Coco's Black to Placebo creates depth and hierarchy without chromatic tension, a principle that supports focus and clarity in visual communication. Neutral tones with soft intensity trigger associations with material authenticity and refined simplicity, grounding attention rather than stimulating it.
Usage
Effective for minimalist product packaging, architectural visualization, and editorial typography where tonal variation must carry visual interest without distraction. The palette's neutral temperature and soft mood support interior design presentation, corporate branding systems, and photography backdrops that require sophisticated restraint. Projects benefiting from this range include healthcare interfaces, sustainable fashion lookbooks, and gallery wall installations where neutrality amplifies surrounding elements.
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 25%,
#4a4a4a 50%,
#e8e8e8 75%,
#b0b0b0 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;
}
/* 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;
Hex values
#1c1c1c, #707070, #4a4a4a, #e8e8e8, #b0b0b0
Building something? Get this palette via the REST API.
