Cobalt Ink Pause
The dense, cool quiet of a film noir darkroom, where navy depths anchor black shadows in suspended stillness.
Psychology
The palette employs monochromatic blue harmony to create visual cohesion while alternating between deep navy and pure black establishes subtle depth through contrast. These cool tones naturally recede and promote introspection, while the absence of warm or bright hues signals restraint and formality.
The repeated black anchors create a grounding effect that prevents the blues from feeling ethereal or distant, instead grounding the mood in quiet intensity rather than lightness.
The repeated black anchors create a grounding effect that prevents the blues from feeling ethereal or distant, instead grounding the mood in quiet intensity rather than lightness.
Usage
Ideal for luxury film packaging, editorial photography layouts, and minimalist branding systems where understated sophistication demands restraint. Projects requiring a noir aesthetic, archival documentation, or high-contrast print work benefit from the palette's ability to suggest depth without visual noise.
The moderate contrast between blacks and blues works particularly well in typography-forward design, gallery catalogues, and formal corporate identities where legibility and gravitas are equally important.
The moderate contrast between blacks and blues works particularly well in typography-forward design, gallery catalogues, and formal corporate identities where legibility and gravitas are equally important.
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,
#000b80 0%,
#000000 25%,
#000a99 50%,
#000000 75%,
#00047a 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #000b80;
--color-gradient-2: #000000;
--color-gradient-3: #000a99;
--color-gradient-4: #000000;
--color-gradient-5: #00047a;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #000b80; --color-2: #000000; --color-3: #000a99; --color-4: #000000; --color-5: #00047a;
Hex values
#000b80, #000000, #000a99, #000000, #00047a
Building something? Get this palette via the REST API.
History
Similar palettes
Wisteria Descent
Coastal Linen Study
Midnight Pool Glow
Porcelain Depth Study
Slate Reverie Hour
Frosted Periwinkle Pool
Sapphire Vault Dawn
Abyssal Hearth
Twilight Alchemy