diff --git a/components/drop-zone/style.scss b/components/drop-zone/style.scss
index 5664a3d8607a67..8c08999116971f 100644
--- a/components/drop-zone/style.scss
+++ b/components/drop-zone/style.scss
@@ -8,7 +8,7 @@
 	visibility: hidden;
 	opacity: 0;
 	transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s;
-	border: 2px solid $blue-medium-500;
+	border: 2px solid $blue-dark-900;
 	border-radius: 2px;
 
 	&.is-active {
@@ -18,7 +18,7 @@
 	}
 
 	&.is-dragging-over-element {
-		background-color: rgba( $blue-medium-300, 0.8 );
+		background-color: rgba( $blue-dark-900, 0.8 );
 
 		.components-drop-zone__content {
 			display: block;
diff --git a/editor/assets/stylesheets/_variables.scss b/editor/assets/stylesheets/_variables.scss
index edc0cb6437c356..e2e4c3b81a0638 100644
--- a/editor/assets/stylesheets/_variables.scss
+++ b/editor/assets/stylesheets/_variables.scss
@@ -24,6 +24,7 @@ $white: #fff;
 $blue-wordpress-700: #00669b;
 $blue-wordpress: #0073aa;
 
+$blue-dark-900: #0071a1;
 $blue-medium-500: #00a0d2;
 $blue-medium-400: #33B3DB;
 $blue-medium-300: #66C6E4;