What colors go well with sage green?

Sage Green pairs with its complementary colour #9B88AF and its triad partners. See the auto-generated palettes on this page, or use the colour picker's harmony tool.

Sage Green Color — Hex Code #9CAF88, RGB, Palettes & CSS

Q: What is the hex code for sage green?

Sage Green is commonly #9CAF88, which is rgb(156, 175, 136). Like most descriptive colour names it covers a small range, but this is a widely used value.

Sage Green colour codes

Hex

#9CAF88

RGB

rgb(156, 175, 136)

HSL

hsl(89, 20%, 61%)

HSV

hsv(89, 22%, 69%)

OKLCH

oklch(0.73 0.06 129)

CMYK

cmyk(11%, 0%, 22%, 31%)

Complementary palette

Sage Green with its opposite on the colour wheel.

#9CAF88

rgb(156, 175, 136)

#9B88AF

rgb(155, 136, 175)

Triad palette

Sage Green with two evenly-spaced partners.

#9CAF88

rgb(156, 175, 136)

#889CAF

rgb(136, 156, 175)

#AF889C

rgb(175, 136, 156)

Monochromatic palette

Lighter and darker versions of sage green at the same hue.

#525C47

rgb(82, 92, 71)

#717F62

rgb(113, 127, 98)

#90A27E

rgb(144, 162, 126)

#A7BC92

rgb(167, 188, 146)

Lighter tints

Sage Green toward white.

#9CAF88

rgb(156, 175, 136)

#AABA99

rgb(170, 186, 153)

#B8C6AA

rgb(184, 198, 170)

#C6D1BB

rgb(198, 209, 187)

#D5DDCC

rgb(213, 221, 204)

#E3E8DD

rgb(227, 232, 221)

#F1F4EE

rgb(241, 244, 238)

#FFFFFF

rgb(255, 255, 255)

Darker shades

Sage Green toward black.

#9CAF88

rgb(156, 175, 136)

#869675

rgb(134, 150, 117)

#6F7D61

rgb(111, 125, 97)

#59644E

rgb(89, 100, 78)

#434B3A

rgb(67, 75, 58)

#2D3227

rgb(45, 50, 39)

#161913

rgb(22, 25, 19)

#000000

rgb(0, 0, 0)

About sage green

A soft, muted grey-green named after the herb. Calming and natural, it is a favourite in interiors, weddings and modern branding. The value shown here (#9CAF88) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with sage green

The complementary colour (#9B88AF) sits opposite sage green on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using sage green in your design

For CSS, paste #9CAF88 or the oklch(0.73 0.06 129) value, or download the ready-made sage-green.css file above — it includes a full 50–950 token scale. Always check contrast before using sage green behind text.

What is the hex code for sage green?

Sage Green is commonly #9CAF88 (rgb(156, 175, 136)). It covers a small range, but this is a widely used value.

What colours go well with sage green?

Its complementary colour #9B88AF and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Sage Green colour

Sage Green colour codes

Complementary palette

Triad palette

Monochromatic palette

Lighter tints

Darker shades

About sage green

Palettes that work with sage green

Using sage green in your design

Popular colours

Color tools