diff --git a/plugins/woocommerce/changelog/fix-admin-select2-fallback-colors b/plugins/woocommerce/changelog/fix-admin-select2-fallback-colors
new file mode 100644
index 00000000000..9a65f533078
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-admin-select2-fallback-colors
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Use fallback color for select2 fields on non WooCommerce pages.
diff --git a/plugins/woocommerce/client/legacy/css/admin.scss b/plugins/woocommerce/client/legacy/css/admin.scss
index 8e98143adda..99d1c5db40e 100644
--- a/plugins/woocommerce/client/legacy/css/admin.scss
+++ b/plugins/woocommerce/client/legacy/css/admin.scss
@@ -7272,7 +7272,7 @@ table.bar_chart {
 	}
 
 	.select2-dropdown {
-		border-color: #007cba;
+		border-color: var(--wp-admin-theme-color, #007cba);
 
 		&::after {
 			position: absolute;
@@ -7285,7 +7285,7 @@ table.bar_chart {
 	}
 
 	.select2-dropdown--below {
-		box-shadow: 0 0 0 1px #007cba, 0 2px 1px rgba(0, 0, 0, 0.1);
+		box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #007cba), 0 2px 1px rgba(0, 0, 0, 0.1);
 
 		&::after {
 			top: -1px;
@@ -7293,7 +7293,7 @@ table.bar_chart {
 	}
 
 	.select2-dropdown--above {
-		box-shadow: 0 0 0 1px #007cba, 0 -2px 1px rgba(0, 0, 0, 0.1);
+		box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #007cba), 0 -2px 1px rgba(0, 0, 0, 0.1);
 
 		&::after {
 			bottom: -1px;
@@ -7329,7 +7329,7 @@ table.bar_chart {
 				}
 
 				&:hover {
-					color: #007cba;
+					color: var(--wp-admin-theme-color, #007cba);
 				}
 			}
 
@@ -7354,8 +7354,8 @@ table.bar_chart {
 		&.select2-container--focus .select2-selection--single,
 		&.select2-container--open .select2-selection--single,
 		&.select2-container--open .select2-selection--multiple {
-			border-color: #007cba;
-			box-shadow: 0 0 0 1px #007cba;
+			border-color: var(--wp-admin-theme-color, #007cba);
+			box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #007cba);
 		}
 
 		.select2-selection--multiple {
@@ -7398,19 +7398,19 @@ table.bar_chart {
 .wp-admin {
 	&.wc-wp-version-gte-53 {
 		.select2-dropdown {
-			border-color: var(--wp-admin-theme-color);
+			border-color: var(--wp-admin-theme-color, #007cba);
 		}
 
 		.select2-dropdown--below {
-			box-shadow: 0 0 0 1px var(--wp-admin-theme-color), 0 2px 1px rgba(0, 0, 0, 0.1);
+			box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #007cba), 0 2px 1px rgba(0, 0, 0, 0.1);
 		}
 
 		.select2-dropdown--above {
-			box-shadow: 0 0 0 1px var(--wp-admin-theme-color), 0 -2px 1px rgba(0, 0, 0, 0.1);
+			box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #007cba), 0 -2px 1px rgba(0, 0, 0, 0.1);
 		}
 
 		.select2-selection--single .select2-selection__rendered:hover {
-			color: var(--wp-admin-theme-color);
+			color: var(--wp-admin-theme-color, #007cba);
 		}
 
 		.select2-container.select2-container--focus
@@ -7419,15 +7419,15 @@ table.bar_chart {
 		.select2-selection--single,
 		.select2-container.select2-container--open
 		.select2-selection--multiple {
-			border-color: var(--wp-admin-theme-color);
-			box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+			border-color: var(--wp-admin-theme-color, #007cba);
+			box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #007cba);
 		}
 
 		.select2-container--default
 		.select2-results__option--highlighted[aria-selected],
 		.select2-container--default
 		.select2-results__option--highlighted[data-selected] {
-			background-color: var(--wp-admin-theme-color);
+			background-color: var(--wp-admin-theme-color, #007cba);
 		}
 	}
 }