Pine

#2b5d34

Deep forest green with cooler, steady contrast

Save
Share

About Pine

Pine reads like the first green brushstroke you hit on a conifer photo, darker than midori's crisp label-green but clearer than 's leaf-in-shade restraint. It's a slightly deeper, more grounded pine forest tone with a steadier center and less mossy drift. The undertone stays green, not olive-gray, so it doesn't start feeling older or heavier the way -adjacent greens can.

I use Pine when I need a decisive accent that still feels friendly, the kind that stays legible on dense layouts without turning into hedge-dark background. It's my go-to for form buttons and live status tags where midori would feel too "fresh," and where can skew a bit stern. You'll also see it in pharma and wellness section headers and logistics dashboards, especially on photo-heavy editorial pages where you need the green to act like a strong anchor, not a washed highlight.

Pair it with warm creams or light sand, but avoid going too cool with off-whites, or Pine can flatten against gray surfaces and feel more muted than you intended.

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
7.73:1AAA

On Gray 100 #f5f5f5

Aa
7.09:1AAA

On Gray 900 #18181b

Aa
2.29:1Fail

On Black #000000

Aa
2.72: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

#2a603b
#3b593a
#415b36
#1b6634
#3e6334

Create a gradient with Pine

Open the generator with this color pre-loaded.

Start creating