Ancient Pine
#444b43
Cool muted pine-gray for calmer UI sections
About Ancient Pine
Ancient Pine looks like something that's been sitting in shade for a while, not the deliberate flatness of Crucible or the green-leaning warmth of Black Forest, but a gray that's pulled back from the surface. It's darker than Armadillo but doesn't feel as compressed; there's a softness to it that the cooler grays around it don't have. It's the kind of color that recedes without disappearing.
You'll find it working in editorial design, ambient UI surfaces, and anywhere you need a background that won't fight imagery or type but also won't feel sterile. Landing pages for heritage brands, dark mode interfaces for creative tools, long-form reading layouts, places where you want restraint that still has a pulse. Unlike Black Forest's visible spine or Armadillo's neutral steadiness, Ancient Pine has a quieter, almost muted quality that lets other colors lead without sacrificing presence.
The thing to watch: it reads slightly cooler than Black Forest but with more character than Crucible. Pair it with muted earth tones, desaturated jewel tones, or warm type and it settles. Push it into very low contrast and it'll blur faster than its neighbors.
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.