InstantGradient
Open the editor

Darkroom Linen

The quiet contrast of a dimly lit studio, where soft light catches on neutral textile and polished stone surfaces.

Open in generator

Colors

~Raven#0A0A0C
~Violet Void#181A20
~Herring Silver#C0C6CE

Psychology

The extreme contrast between the two deep blacks and the silver gray creates visual tension while the achromatic palette maintains a calming, non-stimulating quality. This monochromatic harmony with high luminosity difference follows the principle that neutral, desaturated palettes reduce cognitive load and promote focus, making it ideal for interfaces and editorial work where clarity matters more than emotion.

Usage

Typography and editorial layouts benefit from the high contrast between text and background, while architectural visualization and product photography gain sophistication from the muted, gallery-like tonality. Brand identity systems for luxury services, minimal UI design, and high-end packaging leverage this palette's ability to communicate elegance through restraint rather than color saturation.

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

/* Usage: bg-gradient-1, text-gradient-2, etc. */
CSS Variables
--color-1: #0a0a0c;
--color-2: #181a20;
--color-3: #c0c6ce;
Hex values
#0a0a0c, #181a20, #c0c6ce

Building something? Get this palette via the REST API.

History