Wrapped in Twilight
#5f6d6e
Softer cool gray-blue for subtle UI backgrounds
About Wrapped in Twilight
On my monitor, Wrapped in Twilight sits in that in-between zone where gray stops looking like a neutral and starts taking on a calm, dusk-washed depth. It's noticeably more muted and slightly greener in feel than Phantom, so it doesn't read like flat ceiling haze. Compared to Knight's Armour, it's a bit lighter and softer edged, not the controlled polished-metal neutrality.
I use this one as a secondary background when I want dashboards and finance apps to feel settled, not heavy. The undertone stays cooler than Catfish but avoids Night Rendezvous's more obvious blue lean, so it works well for interface panels that need to stay legible under layered UI without turning watery or chalky. It also performs nicely in photo library browsers and video settings where you want the controls to recede just a touch.
Pair it carefully with deep slate or near-black chrome. Next to very warm grays, it can tip toward a slightly lifeless cast, so keep a warmer highlight in the system.
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 Wrapped in Twilight
Open the generator with this color pre-loaded.
Start creating