InstantGradient
Open the editor

Anthracite Layering

The tactile warmth of weathered stone and ash, where soft light catches on matte surfaces without glare.

Open in generator

Colors

~Sooty#151415
~Lacquered Liquorice#383838
~Knight’s Armour#5C5C5C

Psychology

These three achromatic tones create low visual tension through their minimal contrast, inviting extended viewing without fatigue. The progression from near-black to mid-gray establishes subtle depth and layering rather than stark separation, which low-chroma neutrals accomplish through spatial recession principles. Together, they evoke restraint and contemplation, allowing typography and imagery to command focus rather than the palette itself.

Usage

Ideal for luxury goods packaging, editorial design systems, and architectural branding where restraint signals sophistication. Typeface specimen posters, gallery exhibition materials, and high-end corporate stationery benefit from the palette's ability to emphasize form and negative space over color drama. Projects requiring calm focus and understated elegance gain depth through this monochromatic progression without resorting to pure black-and-white contrast.

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,
    #151415 0%,
    #383838 50%,
    #5c5c5c 100%
  );
Tailwind v4
/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #151415;
  --color-gradient-2: #383838;
  --color-gradient-3: #5c5c5c;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #151415;
--color-2: #383838;
--color-3: #5c5c5c;
Hex values
#151415, #383838, #5c5c5c

Building something? Get this palette via the REST API.

History