Midnight Clarity
The crisp shock of neon piercing through absolute darkness, where cold air meets electric light.
Psychology
The palette leverages high contrast between near-black depths and vivid cyan-to-blue hues, creating visual tension that energizes rather than calms. Cool tones throughout establish psychological distance and clarity, while the vivid mid-range blue and tropical turquoise inject intensity and focus into an otherwise dark composition. This combination triggers alert attention through chromatic opposition, grounding users in precision and modernity.
Usage
Apply this palette to tech startup dashboards, cybersecurity software interfaces, and premium nightwear branding where high contrast ensures legibility and conveys sophistication. Avant-garde editorial layouts, neon-inspired poster design, and dark-mode photography benefit from the dramatic lightness swing and cool precision. The palette excels in luxury electronics packaging and app UI where visual hierarchy demands instant recognition against minimal backgrounds.
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,
#03040b 0%,
#080d2b 25%,
#101dff 50%,
#00c8f5 75%,
#eaf8ff 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #03040b;
--color-gradient-2: #080d2b;
--color-gradient-3: #101dff;
--color-gradient-4: #00c8f5;
--color-gradient-5: #eaf8ff;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #03040b; --color-2: #080d2b; --color-3: #101dff; --color-4: #00c8f5; --color-5: #eaf8ff;
Hex values
#03040b, #080d2b, #101dff, #00c8f5, #eaf8ff
Building something? Get this palette via the REST API.
History
Similar palettes
Jade Hour Glow
Electric Dusk
Midnight Pool Glow
Teal Depths Nocturne
Neon Descent Study
Tidepool Serenity
Wisteria Descent
Abyssal Hearth
Twilight Alchemy