Color Palettes

Spruce green color

A deep, cool green inspired by spruce trees in northern forests. It is a sturdy, outdoorsy color for jackets, cabins, front doors and holiday decor.

Also known as: Spruce.

The hex code for spruce green is #0A5F38. In RGB it is rgb(10, 95, 56), in HSL hsl(152, 81%, 21%) and in CMYK 89, 0, 41, 63.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to spruce green

Mexican flag green#006847Bottle green#006A4EHunter green#355E3BEvergreen#05472ABritish racing green#004225Fern green#4F7942

About spruce green

Spruce green (#0A5F38) is a cool, dark, highly saturated color. It belongs to the greens family. It mixes 10 red, 95 green and 56 blue (out of 255). It is mostly used in fashion, home decor, holidays.

Swatch of Spruce green with its shades from light to dark · #0A5F38
Spruce green · #0A5F38

Spruce green shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Spruce green color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Tyrian purple
AnalogousClose to: Deep green, Dark teal
TriadicClose to: Midnight blue, Sepia
Split complementaryClose to: Byzantium, Rosewood

Spruce green color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Spruce green
Analogous palette · Spruce green
Complementary palette · Spruce green
Triadic palette · Spruce green
With neutrals palette · Spruce green
With an accent palette · Spruce green

Spruce green contrast with text

White textContrast 7.8:1 · AAA
Black textContrast 2.7:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --spruce-green: #0A5F38;
  --spruce-green-rgb: 10, 95, 56;
}
.bg { background-color: var(--spruce-green); }
.text { color: var(--spruce-green); }

Colors similar to spruce green

Sea greenViridianPine greenDark olive green

Where you'll see this color

MaineState flagsTulane Green WaveTeam colorsUAB BlazersTeam colorsEastern Michigan EaglesTeam colors

Themed palettes with this color

More greens

GreenEmerald greenLime greenOlive greenMint greenMoss greenForest greenJade greenPine greenApple greenSage greenBottle greenArmy greenNeon greenPistachio greenGrass greenChartreusePastel greenDark greenLight greenMexican flag greenHunter greenKelly greenOlive drab
Swatch of Spruce green with its shades from light to dark · #0A5F38
Swatch of Spruce green with its shades from light to dark · #0A5F38

Try this next

Name color paletteType a name and get your own color story paletteWhat color is your voice?Speak for 5 seconds and turn your voice into a color16 personality type colorsTake an 8-question quiz and get your image color
See all free tools →

Frequently asked questions

What is the hex code for spruce green?

The hex code for spruce green is #0A5F38. In RGB it is rgb(10, 95, 56), in HSL hsl(152, 81%, 21%) and in CMYK 89, 0, 41, 63.

What is the complementary color of spruce green?

Its complement on the color wheel is #5F0A31, close to Tyrian purple. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on spruce green?

Yes. The contrast with white is 7.8:1, enough for body text (WCAG AA).