Starlit Night
#3b476b
Cool midnight violet for crisp, deep UI blocks
About Starlit Night
Starlit Night looks like a late-evening deep purple that kept its clarity. It's not as subdued as Forlorn Cruise, and it doesn't sink into the heavier, muted richness of Bonne Nuit. Compared to Genie, it's less icy and less "spotlight crisp," more steady and slightly softer around the edges.
I use it for the middle step in a UI hierarchy: links that need to feel related, not primary, and highlights that shouldn't feel navy. It shows up well in dashboards and finance apps for chart series, status chips, and subtle CTA outlines, especially in fintech and healthcare admin where screens get visually busy fast. This shade also holds up nicely for icon accents and secondary buttons on darker themes without turning gray.
One quirk: because the undertone leans a touch warmer than those cooler purples, it pairs best with cool neutrals and clean whites. Warm grays can drag it toward dull plum.
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.
