diff --git a/webapp/assets/_new/styles/tokens.scss b/webapp/assets/_new/styles/tokens.scss
index 7f6c0a7a3..caca5953f 100644
--- a/webapp/assets/_new/styles/tokens.scss
+++ b/webapp/assets/_new/styles/tokens.scss
@@ -368,6 +368,7 @@ $color-header-background: $color-neutral-100;
  */
 
 $color-footer-background: $color-neutral-100;
+$color-footer-link: $color-primary;
 
 /** 
  * @tokens Locale Menu Color
diff --git a/webapp/components/PageFooter/PageFooter.vue b/webapp/components/PageFooter/PageFooter.vue
index 67659e137..c71fc4b5c 100644
--- a/webapp/components/PageFooter/PageFooter.vue
+++ b/webapp/components/PageFooter/PageFooter.vue
@@ -44,7 +44,7 @@ export default {
   box-shadow: 0px -6px 12px -4px rgba(0, 0, 0, 0.1);
 }
 .ds-footer a {
-  color: #6e8b87;
+  color: $color-footer-link;
 }
 .division-line {
   margin-left: 0.2rem;