Graphite Linen Drift

The soft texture of worn stone, layered in shadow and diffuse light, creating quiet depth without harshness.

Colors

~Coco’s Black#1C1C1C
~Shady Character#4A4A4A
~Paris Paving#707070
~Tangled Web#B0B0B0

Tags

Psychology

This monochromatic progression of achromatic grays moves from near-black to light fog without saturation shifts, which creates visual calm through predictability. The high contrast between darkest and lightest tones draws focus while the neutral temperature prevents temperature tension, allowing the eye to rest. The absence of chromatic information triggers associations with minimalism and restraint, evoking states of focus and contemplation rather than emotional arousal.

Usage

Use in minimal branding systems, editorial typography hierarchies, and sophisticated interior styling where neutral backgrounds need to communicate quality through subtlety rather than color. The palette excels in photography lighting studies, architectural mockups, and luxury packaging where high contrast creates visual interest without competing with imagery or text. Its soft mood paired with structured contrast suits print collateral for law firms, design studios, and contemporary galleries where restraint signals professionalism.

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

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #1c1c1c;
--color-2: #4a4a4a;
--color-3: #707070;
--color-4: #b0b0b0;
Hex values
#1c1c1c, #4a4a4a, #707070, #b0b0b0

Building something? Get this palette via the REST API.

History

Graphite Linen Drift — Color Palette | InstantGradient