Colors that go with sage green
Sage green (#9CAF88) is a light, muted green. Colors that go well with sage green include Wizard’s Brew (#9B88AF), Galactic Gossamer (#8889AF), Quiet Thicket (#AFAF88), Verde (#89AF88), Blank Stare (#889CAF). For a safe, polished look, pair sage green with a soft off-white like #F3F6F0 and a deep neutral like #181C15; for contrast, add a touch of its complement #9B88AF.
Best colors to pair with sage green
- ComplementaryWizard’s Brew #9B88AF
Opposite sage green on the color wheel, so it creates the strongest, most energetic contrast. Use it sparingly as an accent.
- Split complementaryGalactic Gossamer #8889AF
Sits next to sage green's complement: lively contrast with less tension than the direct opposite.
- AnalogousQuiet Thicket #AFAF88
A neighbouring hue that blends naturally with sage green for calm, cohesive designs.
- AnalogousVerde #89AF88
The neighbour on the other side of sage green — pair both for a soft, harmonious scheme.
- TriadicBlank Stare #889CAF
One third of the way around the wheel from sage green: vibrant but balanced.
- Light neutralMorning Snow #F3F6F0
An off-white with a hint of sage green — an easy background that never feels stark.
- Dark neutralTwilight Zone #181C15
A deep, sage green-tinted near-black for text and dark sections; softer than pure black.
- GrayPedigrey #8B8F87
A warm-or-cool gray matched to sage green for borders, captions and secondary UI.
Sage green color palettes
Each palette keeps #9CAF88 in the middle; open one in the generator to tweak it.
- 312A133D5E519CAF88627D50CCC99FAnalogous Sage green palette
- 1D15224A5C439CAF8884936FE6D7F4Complementary Sage green palette
- EBD3DE635F899CAF8886957C1E2119Split complementary Sage green palette
- B2CBA7BB8E979CAF885E798C353A26Triadic Sage green palette
- 6C8259C0D4B09CAF8823281B576645Monochromatic Sage green palette
- CEDDBF212A1D9CAF8881976C536045Balanced Sage green palette
From our palette library
Text and backgrounds with sage green
Check any other pair with the contrast checker.
FAQ
What colors go with sage green?
Wizard’s Brew (#9B88AF), Galactic Gossamer (#8889AF), Quiet Thicket (#AFAF88), Verde (#89AF88), Blank Stare (#889CAF) go well with sage green. Neutrals such as #F3F6F0 and #181C15 are the easiest companions, and #9B88AF adds bold contrast as its complementary color.
What is the complementary color of sage green?
The complementary color of sage green (#9CAF88) is #9B88AF (Wizard’s Brew), which sits opposite it on the color wheel.
What neutral colors go with sage green?
Off-whites, creams and grays with a slight sage green tint, such as #F3F6F0 and #8B8F87, plus a deep near-black like #181C15. Tinted neutrals look more cohesive than pure white, gray or black.
What text color should I use on sage green?
Black text on #9CAF88 has a contrast ratio of 8.90:1 (very good). For sage green text, use a background like #000000 (8.90:1, very good).
Is sage green a warm or cool color?
Sage green is a cool color in the green family.