Dark Forest
#556962
Deeper green-gray grounding panels, cooler than Crucible
About Dark Forest
Dark Forest sits in that middle ground where it's saturated enough to feel alive, but not so much that it reads as anything other than gray. It's got presence without the cool austerity of Crucible, and more restraint than Camping Trip's weathered warmth. There's a green whisper underneath, enough to keep it from feeling like a default, not enough to make it feel like a choice you're apologizing for.
Reach for it in product interfaces, design tools, and content platforms where you need a secondary surface that won't disappear or fight what's on top of it. It anchors without demanding attention. Unlike All Nighter's near-black density or Crucible's compressed flatness, this one breathes a little. It works because it's got just enough character to feel intentional, but not so much that it becomes a distraction.
Pair it with type that skews warm or neutral, it'll handle both without flinching. The one thing to watch: it's darker than Camping Trip but not as austere as what comes before it, so if your interface already lives in mid-tones, this can start to blend rather than anchor.
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.