Melancholia
#12390d
Deep olive-green with muted, inked composure
About Melancholia
This green looks like a pressure-washed sign panel sitting in late shade. Melancholia stays deep, but it's not the sooty, slightly olive-murk of Dark Serpent, and it doesn't get the stormy cool murk of Haunted Hills. Compared to Darkest Forest, it feels a touch lighter and more saturated, with a restrained blue-green undertone that keeps it readable rather than foggy.
I use it as a dark layer when the UI needs weight without that heavier forest-shadow slump. It's my pick for status capsules and card headers in conservation field systems, water-quality monitoring portals, and public-works maintenance apps where the hierarchy has to stay crisp. It also works well for map legend backgrounds on operational maps, especially when you want green to read as green even under gray UI chrome.
Quirk: pair it with clean, cool neutrals. Warm creams can push it toward something flatter and less tense, which is where Dark Serpent's "specimen label" seriousness starts to feel too close.
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.