diff --git a/src/components/typography/a/a.scss b/src/components/typography/a/a.scss
index df456353..c3788039 100644
--- a/src/components/typography/a/a.scss
+++ b/src/components/typography/a/a.scss
@@ -2,7 +2,7 @@
   font-family: inherit;
   line-height: var(--typography-line-height-body-s);
   align-items: center;
-  color: var(--page-color-primary);
+  color: var(--typography-color-link);
   display: inline-flex;
   font-size: inherit;
   justify-content: center;
diff --git a/src/style/tokens/base.scss b/src/style/tokens/base.scss
index 0be51721..d5c09078 100644
--- a/src/style/tokens/base.scss
+++ b/src/style/tokens/base.scss
@@ -134,6 +134,7 @@
   --typography-color-h: var(--theme-shade-900);
   --typography-color-body: var(--theme-shade-700);
   --typography-color-border: var(--theme-shade-300);
+  --typography-color-link: var(--page-color-primary);
   --typography-color-muted: var(--theme-shade-600);
 
   --typography-font-family-h: Inter, sans-serif;
diff --git a/src/style/tokens/dark.scss b/src/style/tokens/dark.scss
index 679111b4..dd038e0e 100644
--- a/src/style/tokens/dark.scss
+++ b/src/style/tokens/dark.scss
@@ -11,6 +11,7 @@
   --typography-color-h: #f3f3f3;
   --typography-color-body: #f3f3f3;
   --typography-color-border: #535353;
+  --typography-color-link: var(--page-color-info);
 
   --button-color-text-outline: #f3f3f3;
   --button-color-background-outline-hover: #f3f3f3;