Eclipse Elixir
#1f2133
Deeper, richer violet blue for night UI contrast
About Eclipse Elixir
On a dark UI mock, Eclipse Elixir doesn't read like "black with a tint" the way Black Velvet can. It stays decisively purple, but it does it with a deeper, inkier calm and slightly reduced saturation, so it feels more like a contained shadow than a near-black wash. Compared to Azulado, it's darker and more muted, less eager to declare itself.
I reach for this when I need dashboards and finance apps to feel structured without tipping into either void or brightness. It works well on chart surfaces, table chrome, tertiary navigation, and settings screens in fintech, healthcare portals, and analytics tooling where hierarchy has to be there but not loud. If you're transitioning from Black Market-style absorption, Eclipse Elixir holds color presence longer.
Pair it with cool grays and disciplined contrast. With warmer backgrounds it loses its crispness and can start looking muddy, so keep the surrounding neutrals on the same temperature lane.
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.
