Abyssal Glow
The moment before dawn breaks over deep water, where darkness meets luminous clarity in cool, electric stillness.
Psychology
The palette anchors itself in deep blue-blacks that recede visually, creating psychological depth and focus, while the bright cyan and pale blue advance sharply forward, generating high contrast tension that commands attention without feeling warm or aggressive. This cool analogous progression mimics the visual experience of descending into water, triggering both tranquility from the dominant cool temperature and alertness from the sudden tonal jumps, a dynamic achieved through chroma variation rather than hue shift.
Usage
Ideal for tech product interfaces, cybersecurity branding, and data visualization dashboards where clarity and focus are essential. Works exceptionally well in editorial photography backdrops, luxury tech packaging, and contemporary web design where high contrast creates visual sophistication without warmth. The mixed lightness profile suits ambient UI states, deep-sea documentary graphics, and minimalist corporate presentations where cool authority and visual pop are both required.
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,
#060b19 0%,
#104094 33%,
#00e5ff 67%,
#e6f8ff 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #060b19;
--color-gradient-2: #104094;
--color-gradient-3: #00e5ff;
--color-gradient-4: #e6f8ff;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #060b19; --color-2: #104094; --color-3: #00e5ff; --color-4: #e6f8ff;
Hex values
#060b19, #104094, #00e5ff, #e6f8ff
Building something? Get this palette via the REST API.
History
Similar palettes
Midnight Pool Glow
Teal Depths Nocturne
Coastal Depths Morning
Jade Hour Glow
Mineral Spring Dawn
Coastal Porcelain Dawn
Electric Fjord
Slate Pool Breath
Shallow Waters