Electric Dusk
Cool intensity breaking through soft white light, like neon tubes catching frost at twilight.
Psychology
The palette anchors itself on a cool blue-to-purple drift, where analogous hues create visual continuity without monotony. The vivid, mid-tone blues and purples command attention through high saturation, while the cream white and lighter purples provide breathing room, preventing the bold core from overwhelming.
High chroma paired with moderate contrast generates energy that feels controlled rather than chaotic, evoking the precision of electric systems rather than the chaos of pure noise.
High chroma paired with moderate contrast generates energy that feels controlled rather than chaotic, evoking the precision of electric systems rather than the chaos of pure noise.
Usage
Strong choice for tech startup branding, music production interfaces, and digital design tools where bold, energetic color systems signal innovation. Works particularly well in web applications, app dashboards, and editorial design where the cool palette maintains professional legibility while the saturated tones create visual hierarchy and draw focus to interactive elements.
Fashion and packaging for youth-oriented brands benefit from the palette's electric mood without sacrificing sophistication through its purple undertones.
Fashion and packaging for youth-oriented brands benefit from the palette's electric mood without sacrificing sophistication through its purple undertones.
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,
#eff6ff 0%,
#74b9ff 25%,
#0984e3 50%,
#6c5ce7 75%,
#a29bfe 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #eff6ff;
--color-gradient-2: #74b9ff;
--color-gradient-3: #0984e3;
--color-gradient-4: #6c5ce7;
--color-gradient-5: #a29bfe;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #eff6ff; --color-2: #74b9ff; --color-3: #0984e3; --color-4: #6c5ce7; --color-5: #a29bfe;
Hex values
#eff6ff, #74b9ff, #0984e3, #6c5ce7, #a29bfe
Building something? Get this palette via the REST API.
History
Similar palettes
Twilight Alchemy
Neon Bloom Dusk
Jade Hour Glow
Periwinkle Linen Study
Porcelain Drift
Silk Hour Reverie
Lavender Milk Hour
Sorbet Afternoon
Midnight Brass
