Ultraviolet Signal
The moment before dawn breaks, when electric pulses cut through velvet darkness, cool and luminous.
Psychology
The deep blacks and luminous purples create extreme contrast that commands attention while the analogous purple harmony keeps the palette cohesive rather than chaotic. High-chroma violets and magentas advance visually against the receding blacks, producing a sense of depth and intensity, while the white anchor prevents the composition from feeling oppressive. This combination triggers alertness and sophistication simultaneously, leveraging the psychological tension between cool restraint and vivid energy.
The high contrast ratio between very dark and very light values ensures readability and visual hierarchy, while the saturated purple midtones add dynamism without warmth. Cool temperature dominates, creating distance and formality, yet the vivid saturation counters any coldness with electric vitality.
The high contrast ratio between very dark and very light values ensures readability and visual hierarchy, while the saturated purple midtones add dynamism without warmth. Cool temperature dominates, creating distance and formality, yet the vivid saturation counters any coldness with electric vitality.
Usage
Best suited for tech startup branding, luxury beauty packaging, and editorial fashion spreads where high contrast and bold color drama signal innovation and premium positioning. The purple dominance and stark blacks work particularly well in music event posters and avant-garde product design that demands visual impact on digital and print surfaces. Projects requiring both contemporary edge and refined atmosphere benefit from this palette's mixed lightness and cool-dominant temperature.
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,
#111116 0%,
#111116 20%,
#4500f9 40%,
#8439ff 60%,
#cd82ff 80%,
#f2f3f7 100%
);Tailwind v4
/* app.css — Tailwind v4 */
@theme {
--color-gradient-1: #111116;
--color-gradient-2: #111116;
--color-gradient-3: #4500f9;
--color-gradient-4: #8439ff;
--color-gradient-5: #cd82ff;
--color-gradient-6: #f2f3f7;
}
/* Usage: bg-gradient-1, text-gradient-2, etc. */CSS Variables
--color-1: #111116; --color-2: #111116; --color-3: #4500f9; --color-4: #8439ff; --color-5: #cd82ff; --color-6: #f2f3f7;
Hex values
#111116, #111116, #4500f9, #8439ff, #cd82ff, #f2f3f7
Building something? Get this palette via the REST API.
History
Similar palettes
Twilight Alchemy
Jade Hour Glow
Electric Dusk
Neon Descent Study
Neon Bloom Dusk
Midnight Brass
Wisteria Descent
Silk Hour Reverie
Dusk Linen Study