diff --git a/packages/block-library/src/navigation/editor.scss b/packages/block-library/src/navigation/editor.scss
index 845f7dc147f42f..7b47f369a6a128 100644
--- a/packages/block-library/src/navigation/editor.scss
+++ b/packages/block-library/src/navigation/editor.scss
@@ -57,6 +57,11 @@ $navigation-item-height: 46px;
 			background: none;
 		}
 	}
+
+	// Applies color to the appender if the background has been set.
+	.wp-block-navigation.has-background .block-list-appender .block-editor-button-block-appender {
+		color: inherit;
+	}
 }
 
 .wp-block-navigation__inserter-content {