Neon Kiln Midnight

Deep shadow meets electric glow, where cool voltage pierces through soft luminescence and quiet dark.

Open in generator

Colors

~Ruined Smores#111116

~Overdue Blue#4500F9

~Purple Climax#8439FF

~Fake Love#CD82FF

~Errigal White#F2F3F7

Psychology

The three near-identical blacks establish a visual anchor against the vivid purple-to-blue spectrum, creating extreme contrast that heightens perceptual intensity. High-saturation blues and purples in the mid-to-light range trigger energetic focus, while their cool temperature recedes visually, allowing the dark foundation to dominate spatial depth. This combination of high contrast with cool dominance generates a sense of purposeful electricity tempered by restraint, more refined than chaotic.

Usage

Ideal for tech startup branding, music production interfaces, and luxury packaging design where sophisticated darkness must anchor vibrant accent colors. Editorial photography styling and web design benefit from the palette's ability to create dramatic visual hierarchy without warmth, drawing attention through luminosity contrast alone. Fashion lookbooks and digital product showcases leverage the cool intensity to convey modernity and precision.

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 17%,
    #111116 33%,
    #4500f9 50%,
    #8439ff 67%,
    #cd82ff 83%,
    #f2f3f7 100%
  );

Tailwind v4

/* app.css — Tailwind v4 */
@theme {
  --color-gradient-1: #111116;
  --color-gradient-2: #111116;
  --color-gradient-3: #111116;
  --color-gradient-4: #4500f9;
  --color-gradient-5: #8439ff;
  --color-gradient-6: #cd82ff;
  --color-gradient-7: #f2f3f7;
}

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

CSS Variables

--color-1: #111116;
--color-2: #111116;
--color-3: #111116;
--color-4: #4500f9;
--color-5: #8439ff;
--color-6: #cd82ff;
--color-7: #f2f3f7;

Hex values

#111116, #111116, #111116, #4500f9, #8439ff, #cd82ff, #f2f3f7

Building something? Get this palette via the REST API.

History

Similar palettes

Jade Hour Glow

Electric Dusk

Neon Descent Study

Wisteria Descent

Twilight Alchemy

Neon Bloom Dusk

Midnight Brass

Periwinkle Linen Study

Periwinkle Linen Passage