#2C5E4E · Spruce
Click to copy#2C5E4E is a dark, muted green color, closest to Spruce and near Juniper and Hunter Green. In OKLCH it has 44% lightness and 0.06 chroma at hue 170°. Green suggests growth, balance and nature; it reads as calm and trustworthy, which makes #2C5E4E a natural choice for success states, wellness, finance and eco brands.
Color codes click to copy
HEX
#2C5E4ERGB
rgb(44, 94, 78)HSL
hsl(161, 36%, 27%)CMYK
53, 0, 17, 63CSS var
--spruceContrast
7.45:1 white · 2.82:1 blackSimilar named colors
How to use #2C5E4E
White text passes WCAG AA on #2C5E4E (7.45:1); black does not, so keep dark text off it.
For a calm scheme pair #2C5E4E with its analogous neighbors #2C5E35 and #2C555E; for contrast use its complement #5E2C3C as a small accent, and anchor everything with a neutral such as #F5F5F7.
--spruce: #2C5E4E;
$spruce: #2C5E4E;
colors: { 'spruce': '#2C5E4E' }