Obsidian Stillness
The quiet weight of deep shadow, barely distinguishable layers of black felt in dim studio light.
Psychology
This monochromatic black palette leverages low contrast and minimal chroma to create profound calm and focus, as achromatic tones signal restraint and contemplation rather than stimulation. The subtle lightness shifts across five near-identical blacks establish visual hierarchy through micro-gradations, allowing designers to layer information without jarring transitions. Together, the neutral temperature and soft compression of value create an atmosphere of quiet confidence, anchoring bold typography or imagery without competing for attention.
Usage
Ideal for luxury branding identities, editorial photography portfolios, and high-end tech product interfaces where restraint communicates sophistication. Minimalist book covers, dark-mode web applications, and architectural photography presentations benefit from the palette's ability to recede and elevate content placed atop it. Works particularly well in independent publishing, film festival materials, and contemporary art gallery collateral where subtlety and gravitas are essential.
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,
#0a0a0a 0%,
#16181b 25%,
#1a1c1f 50%,
#050505 75%,
#3d3d3d 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #0a0a0a;
--color-gradient-2: #16181b;
--color-gradient-3: #1a1c1f;
--color-gradient-4: #050505;
--color-gradient-5: #3d3d3d;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #0a0a0a; --color-2: #16181b; --color-3: #1a1c1f; --color-4: #050505; --color-5: #3d3d3d;
Hex values
#0a0a0a, #16181b, #1a1c1f, #050505, #3d3d3d
Building something? Get this palette via the REST API.
