Smoke Layers Study
The subtle gradation of ash settling in still air, where each layer holds warmth without brightness.
Psychology
These three near-identical neutrals create visual quietude through extreme low contrast, triggering a sense of calm and introspection rather than visual excitement. The achromatic nature eliminates color competition, allowing viewers to focus on texture and form instead. This restraint in value range signals sophistication and intentionality, following the principle that reduced chromatic complexity invites contemplation over stimulation.
Usage
Deploy across luxury goods packaging, editorial typography systems, and minimalist brand identity design where sophistication depends on restraint rather than saturation. Projects requiring subtle depth layering without jarring contrast benefit from these incremental shifts, as do photography backdrops and interior material specifications where understated elegance matters more than visual pop. The palette works best for audiences seeking refinement through reduction, not decoration.
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,
#0b0a09 0%,
#1a1714 50%,
#2a2522 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #0b0a09;
--color-gradient-2: #1a1714;
--color-gradient-3: #2a2522;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #0b0a09; --color-2: #1a1714; --color-3: #2a2522;
Hex values
#0b0a09, #1a1714, #2a2522
Building something? Get this palette via the REST API.
