diff --git a/plugins/woocommerce/client/legacy/css/activation.scss b/plugins/woocommerce/client/legacy/css/activation.scss
index f579c2e1835..fca85efd725 100644
--- a/plugins/woocommerce/client/legacy/css/activation.scss
+++ b/plugins/woocommerce/client/legacy/css/activation.scss
@@ -11,7 +11,7 @@ div.woocommerce-message {
 	position: relative;
 
 	&.updated {
-		border-left-color: var(--wp-admin-theme-color, #7F54B3) !important;
+		border-left-color: var(--wp-admin-theme-color, $woocommerce) !important;
 	}
 }
 
diff --git a/plugins/woocommerce/client/legacy/css/admin.scss b/plugins/woocommerce/client/legacy/css/admin.scss
index 59b10551fd5..c03168ddcec 100644
--- a/plugins/woocommerce/client/legacy/css/admin.scss
+++ b/plugins/woocommerce/client/legacy/css/admin.scss
@@ -912,7 +912,7 @@ $font-sf-pro-text: helveticaneue-light, "Helvetica Neue Light",
 	overflow: hidden;
 
 	&.updated {
-		border-left-color: var(--wp-admin-theme-color, #7F54B3) !important;
+		border-left-color: var(--wp-admin-theme-color, $woocommerce) !important;
 	}
 
 	a.skip,
@@ -4505,7 +4505,7 @@ table.wc-shipping-classes {
 
 		p,
 		li {
-			color: var(--wc-secondary-text, #7F54B3);
+			color: var(--wc-secondary-text, $woocommerce);
 			font-size: 1.2em;
 			line-height: 1.2em;
 			margin: 0 0 1.5em;
@@ -4752,8 +4752,8 @@ table.wc-shipping-classes {
 .woocommerce-input-toggle {
 	height: 16px;
 	width: 32px;
-	border: 2px solid var(--wp-admin-theme-color, #7F54B3);
-	background-color: var(--wp-admin-theme-color, #7F54B3);
+	border: 2px solid var(--wp-admin-theme-color, $woocommerce);
+	background-color: var(--wp-admin-theme-color, $woocommerce);
 	display: inline-block;
 	text-indent: -9999px;
 	border-radius: 10em;