diff --git a/packages/block-library/src/template-part/editor.scss b/packages/block-library/src/template-part/editor.scss
index 0b2712129a270..64fed43e2eec9 100644
--- a/packages/block-library/src/template-part/editor.scss
+++ b/packages/block-library/src/template-part/editor.scss
@@ -64,11 +64,11 @@
 		border: $border-width solid transparent;
 
 		&:hover {
-			border: $border-width solid $theme-color;
+			border: $border-width solid var(--wp-admin-theme-color);
 		}
 
 		&:focus {
-			box-shadow: inset 0 0 0 1px $white, 0 0 0 $border-width-focus $theme-color;
+			box-shadow: inset 0 0 0 1px $white, 0 0 0 $border-width-focus var(--wp-admin-theme-color);
 
 			// Windows High Contrast mode will show this outline, but not the box-shadow.
 			outline: 2px solid transparent;
@@ -96,7 +96,7 @@
 	}
 
 	.wp-block-template-part__placeholder-panel-group-title {
-		color: $theme-color;
+		color: var(--wp-admin-theme-color);
 		text-transform: uppercase;
 		font-size: 11px;
 		font-weight: 500;