diff --git a/packages/base-styles/_colors.scss b/packages/base-styles/_colors.scss
index e3a89a1239dae..de910b74b96ad 100644
--- a/packages/base-styles/_colors.scss
+++ b/packages/base-styles/_colors.scss
@@ -49,7 +49,6 @@ $light-gray-200: #f3f4f5;
 $light-gray-100: #f8f9f9;
 
 // Additional colors.
-$blue-medium-800: #00739c;
 $blue-medium-700: #007fac;
 $blue-medium-500: #00a0d2;
 $blue-medium-400: #33b3db;
diff --git a/packages/block-library/src/calendar/style.scss b/packages/block-library/src/calendar/style.scss
index fb38516c38fbf..186cb378838e3 100644
--- a/packages/block-library/src/calendar/style.scss
+++ b/packages/block-library/src/calendar/style.scss
@@ -27,7 +27,7 @@
 	}
 
 	tfoot a {
-		color: $blue-medium-800;
+		color: var(--wp-admin-theme-color);
 	}
 
 	table tbody,
diff --git a/packages/nux/src/components/dot-tip/style.scss b/packages/nux/src/components/dot-tip/style.scss
index d1f268be54748..7aded0dbb3e5c 100644
--- a/packages/nux/src/components/dot-tip/style.scss
+++ b/packages/nux/src/components/dot-tip/style.scss
@@ -12,7 +12,8 @@ $dot-scale: 3;  // How much the pulse animation should scale up by in size
 
 	&::before {
 		animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
-		background: rgba($blue-medium-800, 0.9);
+		background: rgba(#00739c, 0.9);
+		opacity: 0.9;
 		height: $dot-size * $dot-scale;
 		left: -($dot-size * $dot-scale) / 2;
 		top: -($dot-size * $dot-scale) / 2;
@@ -21,7 +22,7 @@ $dot-scale: 3;  // How much the pulse animation should scale up by in size
 	}
 
 	&::after {
-		background: $blue-medium-800;
+		background: #00739c;
 		height: $dot-size;
 		left: -$dot-size / 2;
 		top: -$dot-size / 2;
@@ -30,7 +31,7 @@ $dot-scale: 3;  // How much the pulse animation should scale up by in size
 
 	@keyframes nux-pulse {
 		100% {
-			background: rgba($blue-medium-800, 0);
+			background: rgba(#00739c, 0);
 			transform: scale(1);
 		}
 	}