#EEF9F7
#BCE7E0
#85CFC5
#2F5F5A
#2F5F5A · Spruce
Click to copy#2F5F5A is a dark, muted green color, closest to Spruce and near Spruce and Juniper. In OKLCH it has 45% lightness and 0.05 chroma at hue 187°. Green suggests growth, balance and nature; it reads as calm and trustworthy, which makes #2F5F5A a natural choice for success states, wellness, finance and eco brands. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#2F5F5ARGB
rgb(47, 95, 90)HSL
hsl(174, 34%, 28%)CMYK
51, 0, 5, 63CSS var
--spruceContrast
7.23:1 white · 2.91:1 blackSimilar named colors
How to use #2F5F5A
White text passes WCAG AA on #2F5F5A (7.23:1); black does not, so keep dark text off it.
For a calm scheme pair #2F5F5A with its analogous neighbors #2F6043 and #2F4C60; for contrast use its complement #602F34 as a small accent, and anchor everything with a neutral such as #F5F5F7.
--spruce: #2F5F5A;
$spruce: #2F5F5A;
colors: { 'spruce': '#2F5F5A' }