Colors that go with green

#008000 · cool green · hue 120° · best text: #FFFFFF

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

Ready-to-use palette

#008000
#90EE90
#FFFF81
#FF964F
#FC5A8D
#FAFAF9
#008000 #90ee90 #ffff81 #ff964f #fc5a8d #fafaf9
#008000 #90EE90 #FFFF81 #FF964F #FC5A8D #FAFAF9
Open in palette generator →Full green page →

Best combinations — ranked

#1

Lightgreen #90EE90

· Same hue family as green (Δh 0°) — guaranteed harmony
· UI contrast with the anchor (3.63:1, passes AA large text)
· Strong lightness separation (ΔL* 40) — clear visual hierarchy
contrast
3.6:1
vs green
#2

Butter #FFFF81

· Warm/cool bridge (Δh 60°) — adds depth without tension
· Text-safe contrast with the anchor (4.86:1, passes WCAG AA)
· Strong lightness separation (ΔL* 52) — clear visual hierarchy
contrast
4.9:1
vs green
#3

Pastel Orange #FF964F

· Close value pairing (2.38:1) — use for large surfaces, not small text
· Strong lightness separation (ΔL* 26) — clear visual hierarchy
· Similar saturation (100% vs 100%) — both vivid
contrast
2.4:1
vs green
#4

Strawberry #FC5A8D

· Split-complementary angle (Δh ≈139°) — strong but softer than direct complement
· Close value pairing (1.71:1) — use for large surfaces, not small text
· Similar saturation (100% vs 96%) — both vivid
contrast
1.7:1
vs green
#5

Purple #800080

· Complementary hue (Δh ≈180°) — maximum hue contrast
· Close value pairing (1.83:1) — use for large surfaces, not small text
· Similar saturation (100% vs 100%) — both vivid
contrast
1.8:1
vs green
#6

Pale Yellow #FFFF84

· Warm/cool bridge (Δh 60°) — adds depth without tension
· Text-safe contrast with the anchor (4.87:1, passes WCAG AA)
· Strong lightness separation (ΔL* 52) — clear visual hierarchy
contrast
4.9:1
vs green
#7

Faded Yellow #FEFF7F

· Warm/cool bridge (Δh 60°) — adds depth without tension
· Text-safe contrast with the anchor (4.85:1, passes WCAG AA)
· Strong lightness separation (ΔL* 51) — clear visual hierarchy
contrast
4.8:1
vs green
#8

Pastel Yellow #FFFE71

· Text-safe contrast with the anchor (4.81:1, passes WCAG AA)
· Strong lightness separation (ΔL* 51) — clear visual hierarchy
· Similar saturation (100% vs 100%) — both vivid
contrast
4.8:1
vs green
#9

Canary Yellow #FFFE40

· Text-safe contrast with the anchor (4.77:1, passes WCAG AA)
· Strong lightness separation (ΔL* 51) — clear visual hierarchy
· Similar saturation (100% vs 100%) — both vivid
contrast
4.8:1
vs green
#10

Light Yellow #FFFE7A

· Text-safe contrast with the anchor (4.82:1, passes WCAG AA)
· Strong lightness separation (ΔL* 51) — clear visual hierarchy
· Similar saturation (100% vs 100%) — both vivid
contrast
4.8:1
vs green

Why these and not others

Pairings are scored against hue-harmony angles (0°/30°/60°/90°/120°/150°/180°), WCAG contrast ratio with 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 green?

Lightgreen, Butter, Pastel Orange, Strawberry and Purple rank highest for green (#008000) 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 green?

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

Is green a warm or cool color?

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