In the Twilight
#84838e
Medium cool twilight gray for calm, airy panels
About In the Twilight
Picture a late-screen gradient where the glow has faded but the room still feels lit. In the Twilight is a medium-light gray with a soft dusk feel and a slightly muted, neutral undertone. It lands lighter than Dark Ages, so it doesn't sink the layout, and calmer than Abandoned Spaceship, so it won't read overly technical or restless next to controls.
I usually reach for this as a mid-surface: secondary panels, section headers, and card backgrounds where you want structure without the heaviness of Dark Ages. It's also a good fit for dashboard tables and admin UI in logistics, education platforms, and healthcare portals, especially when your content layer is busy and you need the gray to stay out of the way. Unlike Dusty Chimney's just-enough warmth, In the Twilight sits cooler and more restrained, which helps it blend with both cool and neutral accent sets.
Quirk: it can feel flat beside very pale whites. If the hierarchy starts to blur, push your text tone darker or add a sharper border to recover edge definition.
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.