Total Eclipse
#303543
Near-black gray with a cooler, inkier neutrality
About Total Eclipse
A dark screen with a fogged glass tint is the vibe here. Total Eclipse reads as a near-neutral, deep gray that feels a little more "absorbing" than the charcoal next to it, without taking on that ebony weight or leaning into any extra warmth. Compared with Artist's Charcoal, it's less invitingly warm. Compared with Ebony, it's a touch cleaner and less grounded. And against After Midnight, it holds its neutrality a bit more tightly, staying void-like instead of slightly softened.
I use it when the background needs to disappear just enough for content to stay crisp, especially in dark-mode editorial layouts and long-session work. It's solid behind code and settings panels in media and development teams, and it works in dashboards and finance apps where tables, charts, and secondary UI need steadiness without looking heavy. It also behaves nicely for waveform and timeline surfaces because it doesn't add a mood.
One quirk: if your highlights are too bright, Total Eclipse can make them feel sharper than you expect. Pair it with slightly softened text grays so the hierarchy lands smoother.
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.