Charcoal Stillness

The hushed texture of ash-laden air, where warm and cool darks merge into a cohesive, restful void.

Colors

~Raven#0B0A09
~Nero#2A2522
~Twilight Zone#1A1714
~Nero#2A2522

Tags

Psychology

These near-achromatic darks leverage low contrast and minimal chroma to create a deeply calming effect, suppressing visual stimulation and encouraging introspection. The subtle temperature shifts between warm and cool neutrals prevent monotony while maintaining cohesion, a principle of monochromatic harmony that feels intentional rather than flat. The palette's softness derives from the absence of saturation, which psychologically signals restraint, contemplation, and safety.

Usage

Ideal for luxury book covers and editorial layouts where sophistication demands restraint, minimalist interior design schemes for bedrooms and meditation spaces, and artisanal packaging for high-end coffee, tea, or ceramics. Projects requiring deep focus, trust, and elegance benefit from this palette's refusal to compete for attention. Best applied as layered backgrounds, typography systems, or material showcases where texture and depth compensate for minimal color variation.

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%,
    #2a2522 33%,
    #1a1714 67%,
    #2a2522 100%
  );
Tailwind v4
/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #0b0a09;
  --color-gradient-2: #2a2522;
  --color-gradient-3: #1a1714;
  --color-gradient-4: #2a2522;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #0b0a09;
--color-2: #2a2522;
--color-3: #1a1714;
--color-4: #2a2522;
Hex values
#0b0a09, #2a2522, #1a1714, #2a2522

Building something? Get this palette via the REST API.

History

Charcoal Stillness — Color Palette | InstantGradient