Sonar Depth Study
Deep ocean meeting electric light, where cool darkness yields to vivid signal in high contrast stillness.
Psychology
The palette leverages analogous blue harmony to create visual coherence while the leap from dark navy tones to vivid cyan introduces high contrast tension that commands attention without warmth. Cool hues across the spectrum trigger associations with depth, technology, and introspection, while the bright teal acts as a visual anchor that prevents the darker values from feeling oppressive. This combination produces a response that feels simultaneously sophisticated and urgent, grounding viewers before drawing them forward.
Usage
Deploy this palette in tech product interfaces, cybersecurity branding, and premium fintech applications where trust and modernity must coexist. Editorial layouts, motion graphics, and dark-mode web design benefit from the high contrast structure, which maintains legibility while sustaining a bold nocturnal aesthetic. The muted dark blues work as dominant backgrounds for luxury tech packaging and architectural visualization while the vivid teal serves as an accent system that punctuates hierarchy.
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,
#002775 0%,
#00e5ff 33%,
#1d3557 67%,
#0f172a 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #002775;
--color-gradient-2: #00e5ff;
--color-gradient-3: #1d3557;
--color-gradient-4: #0f172a;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #002775; --color-2: #00e5ff; --color-3: #1d3557; --color-4: #0f172a;
Hex values
#002775, #00e5ff, #1d3557, #0f172a
Building something? Get this palette via the REST API.
History
Similar palettes
Midnight Pool Glow
Jade Hour Glow
Teal Depths Nocturne
Electric Fjord
Neon Descent Study
Coastal Depths Morning
Mineral Spring Dawn
Coastal Porcelain Dawn
Slate Pool Breath