Cyber Lagoon Midnight

Deep space meets electric waters, cool luminescence cutting through obsidian stillness with precision and charged energy.

Open in generator

Colors

~Oblivion#0B0038

~Perkin Mauve#7E3D8F

~Neon Blue#00D3EB

~Sky#74D2FB

~Nightly Activities#235290

Psychology

The palette leverages high contrast between near-black depths and vivid cyan-teal luminescence to create visual tension and immediate attention capture. Cool hues across all five colors establish a cohesive, receding atmosphere, while the saturated neon tones inject kinetic energy and forward-pushing intensity that prevents flatness. The mid-tone purple acts as a critical bridge, softening the severity while reinforcing the cool dominant and amplifying perceived depth through simultaneous dark and light presence.

Usage

Ideal for tech startup branding, cybersecurity dashboards, and futuristic product interfaces where bold contrast and cool precision communicate trust and modernity. Works exceptionally well in music production visuals, sci-fi editorial layouts, and gaming UI design where the electric-to-void gradient creates visual hierarchy and dramatic atmosphere.
Premium nightlife branding, neon signage, and avant-garde fashion campaigns benefit from the palette's electrifying mood and willingness to occupy both shadow and spotlight simultaneously.

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,
    #0b0038 0%,
    #7e3d8f 25%,
    #00d3eb 50%,
    #74d2fb 75%,
    #235290 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #0b0038;
  --color-gradient-2: #7e3d8f;
  --color-gradient-3: #00d3eb;
  --color-gradient-4: #74d2fb;
  --color-gradient-5: #235290;
}

/* Usage: bg-gradient-1, text-gradient-2, etc. */

CSS Variables

--color-1: #0b0038;
--color-2: #7e3d8f;
--color-3: #00d3eb;
--color-4: #74d2fb;
--color-5: #235290;

Hex values

#0b0038, #7e3d8f, #00d3eb, #74d2fb, #235290

Building something? Get this palette via the REST API.

History

Similar palettes

Jade Hour Glow

Electric Fjord

Neon Descent Study

Neon Bloom Dusk

Teal Depths Nocturne

Periwinkle Linen Study

Pastel Lagoon Study

Electric Dusk

Twilight Alchemy