Sleepy Hollow
#839c6d
Soft, dusty green for calm content blocks
About Sleepy Hollow
It's the green you notice on a late-afternoon porch, when the light turns a little dusty and the shadows look soft instead of sharp. Sleepy Hollow lands noticeably darker than Buckingham Gardens and more gray-silted than Money, with a cooler, slightly mossy undertone that keeps it from feeling yellow-green or "clean" in the gray way.
I use it for dashboards and finance apps where you want calm authority without looking sterile, but it's also my pick for operations tooling, inventory workflows, and logistics reporting. In UI, it holds label contrast well on large panels, yet it doesn't grab attention like a brighter, more saturated green would. In media work, it's great for product docs and governance pages that run alongside charts and need a steady backdrop.
Pair it with warm off-whites, sand, and natural wood. Pure cool grays make it feel heavier than it is, like the interface got a layer of evening air.
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.