diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/links.scss b/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
index dc20dea1d3..f4bcbc6408 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
@@ -30,10 +30,10 @@ a {
   @include font-mono;
 
   font-weight: 500;
-  color: var(--green-50);
+  color: var(--link-web);
 
   &:hover {
-    color: var(--green-60);
+    color: var(--link-web-hover);
   }
 }
 
diff --git a/services/web/frontend/stylesheets/bootstrap-5/foundations/colors.scss b/services/web/frontend/stylesheets/bootstrap-5/foundations/colors.scss
index ac196b900e..8e5e9e8a78 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/foundations/colors.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/foundations/colors.scss
@@ -90,8 +90,8 @@ $border-disabled: $neutral-20;
 $border-active: $blue-50;
 $border-danger: $red-50;
 $border-divider: $neutral-20;
-$link-web: $green-50;
-$link-web-hover: $green-60;
+$link-web: $green-60;
+$link-web-hover: $green-70;
 $link-web-visited: $green-60;
 $link-ui: $blue-50;
 $link-ui-hover: $blue-60;
@@ -203,9 +203,9 @@ $link-ui-visited-dark: $blue-40;
   --border-danger: var(--red-50);
   --border-divider: var(--neutral-20);
   --border-dark-divider: var(--neutral-70);
-  --link-web: var(--green-50);
-  --link-web-hover: var(--green-60);
-  --link-web-visited: var(--green-50);
+  --link-web: var(--green-60);
+  --link-web-hover: var(--green-70);
+  --link-web-visited: var(--green-60);
   --link-ui: var(--blue-50);
   --link-ui-hover: var(--blue-60);
   --link-ui-visited: var(--blue-60);
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
index a829bb80d5..15d885400c 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
@@ -47,11 +47,11 @@
       text-decoration: none;
 
       &:visited {
-        color: var(--green-50);
+        color: var(--link-web-visited);
       }
 
       &:hover {
-        color: var(--green-60);
+        color: var(--link-web-hover);
       }
 
       &.active {
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss
index 8164f1eedd..649e5d80a4 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss
@@ -386,7 +386,7 @@
   }
 
   .inline-green-link {
-    color: var(--green-50);
+    color: var(--link-web);
     padding: 0;
     text-decoration: underline;
 
@@ -395,7 +395,7 @@
     text-decoration-skip-ink: none;
 
     &:hover {
-      color: var(--green-60);
+      color: var(--link-web-hover);
     }
 
     // TODO: this is copied directly from the `.less` file, migrate this to scss