diff --git a/editor/assets/stylesheets/_variables.scss b/editor/assets/stylesheets/_variables.scss
index c0f81a4e3e3dd5..59a98d840afd6f 100644
--- a/editor/assets/stylesheets/_variables.scss
+++ b/editor/assets/stylesheets/_variables.scss
@@ -46,6 +46,7 @@ $admin-bar-height-big: 46px;
 $admin-sidebar-width: 160px;
 $admin-sidebar-width-big: 190px;
 $admin-sidebar-width-collapsed: 36px;
+$shadow-popover: 0px 3px 20px rgba( $dark-gray-900, .1 ), 0px 1px 3px rgba( $dark-gray-900, .1 );
 
 /* Media Queries */
 
diff --git a/editor/assets/stylesheets/main.scss b/editor/assets/stylesheets/main.scss
index 7e94c05e1dadc8..665a26fa2fa74e 100644
--- a/editor/assets/stylesheets/main.scss
+++ b/editor/assets/stylesheets/main.scss
@@ -1,5 +1,5 @@
 body.toplevel_page_gutenberg {
-	background: #fff;
+	background: $white;
 
 	#update-nag, .update-nag {
 		position: absolute;
diff --git a/editor/components/block-switcher/style.scss b/editor/components/block-switcher/style.scss
index f707cb4a9654ae..2e97f123c8fd54 100644
--- a/editor/components/block-switcher/style.scss
+++ b/editor/components/block-switcher/style.scss
@@ -1,6 +1,6 @@
 .editor-block-switcher {
 	border: 1px solid $light-gray-500;
-	box-shadow: 0px 3px 20px rgba( 18, 24, 30, .1 ), 0px 1px 3px rgba( 18, 24, 30, .1 );
+	box-shadow: $shadow-popover;
 	background-color: $white;
 	margin-right: 10px;
 	font-family: $default-font;
@@ -36,9 +36,9 @@
 	position: absolute;
 	top: 43px;
 	margin-left: -1px;
-	box-shadow: 0px 3px 20px rgba( 18, 24, 30, .1 ), 0px 1px 3px rgba( 18, 24, 30, .1 );
-	border: 1px solid #e0e5e9;
-	background: #fff;
+	box-shadow: $shadow-popover;
+	border: 1px solid $light-gray-500;
+	background: $white;
 
 	input {
 		font-size: 13px;
diff --git a/editor/components/inserter/style.scss b/editor/components/inserter/style.scss
index cb45206ea87a50..6b4665f7f0afa7 100644
--- a/editor/components/inserter/style.scss
+++ b/editor/components/inserter/style.scss
@@ -25,17 +25,17 @@
 	transition: color .2s ease;
 
 	&:hover {
-		color: #00aadc;
+		color: $blue-medium;
 	}
 }
 
 .editor-inserter__menu {
 	width: 280px;
-	box-shadow: 0px 3px 20px rgba( 18, 24, 30, .1 ), 0px 1px 3px rgba( 18, 24, 30, .1 );
+	box-shadow: $shadow-popover;
 	border: 1px solid $light-gray-500;
 	position: absolute;
 	left: -122px;
-	background: #fff;
+	background: $white;
 
 	&.is-top {
 		bottom: 42px;
diff --git a/editor/components/toolbar/style.scss b/editor/components/toolbar/style.scss
index 3081eac58445b1..ef3e03e1193648 100644
--- a/editor/components/toolbar/style.scss
+++ b/editor/components/toolbar/style.scss
@@ -1,7 +1,7 @@
 .editor-toolbar {
 	margin: 0;
 	border: 1px solid $light-gray-500;
-	box-shadow: 0px 3px 20px rgba( 18, 24, 30, .1 ), 0px 1px 3px rgba( 18, 24, 30, .1 );
+	box-shadow: $shadow-popover;
 	background-color: $white;
 }