Moonlit Forest
#3e6d6a
Softer blue-green dark teal for subdued panels
About Moonlit Forest
Moonlit Forest reads like teal that got pulled deeper into evening, not greener, just darker and a little mistier. Compared to Deep Pool Teal, it's less dense and less stern, with a softer hold on the blue side. Compared to Green Sleeves, it won't tip into readable green at all, it stays cooler and more hushed.
I use it for healthcare dashboard panels and fintech screens where you want quiet confidence in secondary UI, not the heavier authority of the deeper teals. Think chart series accents, selected states, and key navigation highlights in hospital admin systems, claims workflows, and transaction monitoring. It's the one you reach for when you need a calm teal that still pops on white without that midtone murkiness you can get from darker options.
Pair it with clean whites and neutral grays. Keep it off very warm backgrounds, where its undertone can look slightly dusty instead of crisp.
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.
