diff --git a/src/app/core/components/osf-banners/cookie-consent-banner/cookie-consent-banner.component.html b/src/app/core/components/osf-banners/cookie-consent-banner/cookie-consent-banner.component.html
index 0b40808a3..d5f381765 100644
--- a/src/app/core/components/osf-banners/cookie-consent-banner/cookie-consent-banner.component.html
+++ b/src/app/core/components/osf-banners/cookie-consent-banner/cookie-consent-banner.component.html
@@ -8,7 +8,12 @@
             {{ 'toast.cookie-consent.message' | translate }}
           </div>
           <div class="row-fixed flex justify-content-end">
-            <p-button link [label]="'toast.cookie-consent.accept' | translate" (onClick)="acceptCookies()"> </p-button>
+            <p-button
+              class="btn-link-dark-blue"
+              link
+              [label]="'toast.cookie-consent.accept' | translate"
+              (onClick)="acceptCookies()"
+            />
           </div>
         </div>
       </ng-template>
diff --git a/src/styles/overrides/button.scss b/src/styles/overrides/button.scss
index 993411425..be2b9f8a4 100644
--- a/src/styles/overrides/button.scss
+++ b/src/styles/overrides/button.scss
@@ -73,3 +73,7 @@
 .copy-icon-btn .p-button {
   height: 1.5rem;
 }
+
+.btn-link-dark-blue {
+  --p-button-link-color: var(--dark-blue-2);
+}