InstantGradient
Open the editor

Ash & Void

Soft shadow and muted light converge, evoking the quiet texture of worn charcoal and weathered stone.

Open in generator

Colors

~Dark Rift#080A0F
~Black#000000
~Dust to Dust#BABABA
~Black#000000

Psychology

The three near-black tones create visual weight and restraint, while the single light gray acts as a breathing point, preventing the palette from feeling heavy or oppressive. This high-contrast monochromatic structure leverages the principle that neutral achromatic colors reduce cognitive load and evoke calm, while the sharp tonal separation maintains visual interest without introducing color saturation. The softness emerges from the absence of vibrant or warm undertones, allowing the palette to feel contemplative rather than austere.

Usage

Minimalist editorial layouts, luxury packaging for ceramics or stationery, and interior design mood boards all benefit from this palette's restrained elegance and tonal depth. Projects requiring professional branding, fine art photography, or architectural visualization leverage the high contrast to command attention while maintaining sophistication. The soft monochromatic harmony works particularly well for projects emphasizing craftsmanship, restraint, and timeless aesthetic over visual excitement.

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

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #080a0f;
--color-2: #000000;
--color-3: #bababa;
--color-4: #000000;
Hex values
#080a0f, #000000, #bababa, #000000

Building something? Get this palette via the REST API.

History