Child of the Night
#220077
Near-black violet for high-drama modal backdrops
About Child of the Night
Child of the Night is the purple that actually commits to being dark. It's warmer and more saturated than the colors around it, which means it doesn't dissolve into the background the way Black Sea Night does, it sits there with actual presence. This is the one that reads as intentional purple, not apologetic blue or generic dark.
Use it in dark mode interfaces, fintech dashboards, and medical software where you need a secondary color with personality but not noise. Form fields, interactive states, subtle icon work, navigation elements that should breathe a little. It punches harder than Below the Surface against near-black backgrounds, but stays grounded enough that it won't create that uncomfortable glow problem. Against deep gray it reads clean. Against true black it holds.
The difference matters: pair it with cool neutrals and you get definition. Pair it with warm grays or anything approaching cream and it shifts fast, starts feeling disconnected. Test it in your actual backgrounds first, this one's temperature-sensitive, but when it lands right, it works harder than lighter purples do in dark contexts.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
Similar colors
Create a gradient with Child of the Night
Open the generator with this color pre-loaded.
Start creating