Colors that go with sage green

#9CAF88 · cool green · hue 89° · best text: #000000

Ten combinations ranked by measurable criteria — hue harmony, WCAG contrast with sage green, lightness spread and saturation compatibility. Every pairing lists why it works.

Ready-to-use palette

#9CAF88
#2D5A27
#F5F5DC
#1B2A4A
#CCCCFF
#FAFAF9
#9caf88 #2d5a27 #f5f5dc #1b2a4a #ccccff #fafaf9
#9CAF88 #2D5A27 #F5F5DC #1B2A4A #CCCCFF #FAFAF9
Open in palette generator →Full sage green page →

Best combinations — ranked

#1

Forest Green #2D5A27

· Analogous hue (Δh ≈24°) — neighbors on the color wheel
· UI contrast with the anchor (3.42:1, passes AA large text)
· Strong lightness separation (ΔL* 35) — clear visual hierarchy
contrast
3.4:1
vs sage green
#2

Beige #F5F5DC

· Analogous hue (Δh ≈29°) — neighbors on the color wheel
· Close value pairing (2.13:1) — use for large surfaces, not small text
· Strong lightness separation (ΔL* 27) — clear visual hierarchy
contrast
2.1:1
vs sage green
#3

Navy Blue #1B2A4A

· Triadic harmony (Δh ≈132°) — balanced three-way contrast
· Text-safe contrast with the anchor (6.03:1, passes WCAG AA)
· Strong lightness separation (ΔL* 52) — clear visual hierarchy
contrast
6.0:1
vs sage green
#4

Periwinkle #CCCCFF

· Split-complementary angle (Δh ≈151°) — strong but softer than direct complement
· Close value pairing (1.53:1) — use for large surfaces, not small text
contrast
1.5:1
vs sage green
#5

Light Lavender #DFC5FE

· Complementary hue (Δh ≈178°) — maximum hue contrast
· Close value pairing (1.52:1) — use for large surfaces, not small text
contrast
1.5:1
vs sage green
#6

Marine Blue #01386A

· Triadic harmony (Δh ≈119°) — balanced three-way contrast
· Text-safe contrast with the anchor (5.01:1, passes WCAG AA)
· Strong lightness separation (ΔL* 46) — clear visual hierarchy
contrast
5.0:1
vs sage green
#7

Dusty Pink #D8A7B1

· Close value pairing (1.13:1) — use for large surfaces, not small text
contrast
1.1:1
vs sage green
#8

Marine #042E60

· Triadic harmony (Δh ≈123°) — balanced three-way contrast
· Text-safe contrast with the anchor (5.69:1, passes WCAG AA)
· Strong lightness separation (ΔL* 50) — clear visual hierarchy
contrast
5.7:1
vs sage green
#9

Pale Rose #FDC1C5

· Close value pairing (1.53:1) — use for large surfaces, not small text
contrast
1.5:1
vs sage green
#10

Twilight Blue #0A437A

· Triadic harmony (Δh ≈120°) — balanced three-way contrast
· UI contrast with the anchor (4.25:1, passes AA large text)
· Strong lightness separation (ΔL* 41) — clear visual hierarchy
contrast
4.3:1
vs sage green

Why these and not others

Pairings are scored against hue-harmony angles (0°/30°/60°/90°/120°/150°/180°), WCAG contrast ratio with sage green, lightness separation and saturation/chroma compatibility. Near-identical colors (ΔE₀₀ < 3.5) are excluded — every entry adds real information.

FAQ

What colors go with sage green?

Forest Green, Beige, Navy Blue, Periwinkle and Light Lavender rank highest for sage green (#9CAF88) by hue harmony, contrast and saturation compatibility. The full ranked list is on this page with the reasoning for each pairing.

What is the complementary color of sage green?

The complementary hue of sage green (hue 89°) sits at hue 269°. The closest named colors on that side of the wheel are listed in the combinations above.

Is sage green a warm or cool color?

Sage Green is a cool color (hue 89°). It pairs naturally with crisp whites and cool grays.

Colors That Go With Sage Green — Best Combinations — Tintiva