Woodland Night
#475c5d
Cool teal-leaning deep gray for night UI depth
About Woodland Night
Woodland Night looks like damp slate under a forest canopy: a deep gray that doesn't go to coal black, and doesn't lift into silver. Compared to Still Waters Run Deep, it's a touch more saturated and more grounded, with less of that settled-ink softness.
It's the kind of dark-gray I use when I want structure without the hard edge of All Nighter. It sits between "serious" and "workable," cooler than Dark as Night but less clinical than the near-charcoal feel you get from a true black-read. I reach for dashboards and finance apps too, but especially in admin surfaces where cards, dividers, and data grids need a darker anchor that still feels breathable. Think logistics portals, insurance underwriting tools, and clinician record views where the UI has to stay legible for long sessions.
Pair it with lighter, neutral-warm grays; next to colder backdrops it can feel a bit heavier than you expect.
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.
