Midnight Pool Breath
Deep shadows meet luminous air, a contrast that feels both grounded and weightless, like looking up from dark water.
Psychology
The extreme contrast between near-black and pale sky blue creates visual tension that guides attention without aggression, while the cool temperature of the blue grounds the palette in calm rather than excitement. Dark Moon's low luminance recedes into the background, allowing Over the Sky's soft, desaturated blue to advance gently, establishing a spatial hierarchy that feels intentional rather than jarring. Together, they evoke quiet clarity, the psychological effect of high contrast at low saturation, which communicates sophistication and restraint.
Usage
Ideal for minimalist tech product interfaces, high-end editorial layouts, and luxury spa branding where restraint signals quality. The soft blue paired with near-black works exceptionally well in corporate identity systems, architectural visualization, and print publishing that demand legibility without aggression. Projects requiring calm professionalism with visual punch, such as financial services design or contemporary art catalogs, benefit from this palette's ability to contrast sharply while maintaining a composed mood.
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,
#171717 0%,
#94d3ef 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #171717;
--color-gradient-2: #94d3ef;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #171717; --color-2: #94d3ef;
Hex values
#171717, #94d3ef
Building something? Get this palette via the REST API.
History
Similar palettes
Midnight Pool Glow
Frosted Periwinkle Pool
Coastal Depths Morning
Sapphire Vault Dawn
Wisteria Descent
Jade Hour Glow
Slate Pool Breath
Electric Dusk
Mineral Spring Dawn