Ancient Pine

#444b43

Cool muted pine-gray for calmer UI sections

Save
Share

About Ancient Pine

Ancient Pine looks like something that's been sitting in shade for a while, not the deliberate flatness of or the green-leaning warmth of , but a gray that's pulled back from the surface. It's darker than 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 's visible spine or '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 but with more character than . 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
9.00:1AAA

On Gray 100 #f5f5f5

Aa
8.26:1AAA

On Gray 900 #18181b

Aa
1.97:1Fail

On Black #000000

Aa
2.33:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Ancient Pine

Open the generator with this color pre-loaded.

Start creating