Graphite Nocturne
The quiet depth of polished stone in fading light, where shadows hold texture and silence feels tangible.
Psychology
This palette harnesses the calming effect of low-contrast neutrals, where minimal tonal separation reduces visual stimulation and creates psychological ease. The clustered dark values, ranging from #0f1113 to #545454, establish achromatic harmony that reads as sophisticated restraint rather than void, anchoring the viewer in a sense of grounded contemplation. Low chroma combined with consistent darkness signals refinement and introspection, invoking the emotional response associated with luxury minimalism and understated elegance.
Usage
Ideal for high-end cosmetics packaging, art publication layouts, and luxury hospitality branding where restraint communicates sophistication. Projects requiring editorial photography backdrops, minimal web interfaces, and upscale fashion lookbooks benefit from the palette's ability to create soft, non-competing visual fields that allow content and typography to anchor viewer attention. The low-contrast, dark profile works exceptionally well in contexts where mood and texture matter more than chromatic vibrancy.
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,
#35383b 0%,
#16181b 25%,
#545454 50%,
#0f1113 75%,
#3d3d3d 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #35383b;
--color-gradient-2: #16181b;
--color-gradient-3: #545454;
--color-gradient-4: #0f1113;
--color-gradient-5: #3d3d3d;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #35383b; --color-2: #16181b; --color-3: #545454; --color-4: #0f1113; --color-5: #3d3d3d;
Hex values
#35383b, #16181b, #545454, #0f1113, #3d3d3d
Building something? Get this palette via the REST API.
