diff --git a/web/components/skip-link.tsx b/web/components/skip-link.tsx
index c91bb594..abca0810 100644
--- a/web/components/skip-link.tsx
+++ b/web/components/skip-link.tsx
@@ -3,13 +3,13 @@ export function SkipLink() {
     <>
       <a
         href="#main-content"
-        className="absolute -top-10 left-4 z-50 bg-primary-500 px-4 py-2 text-white transition-all focus:top-4"
+        className="absolute -top-10 left-4 z-50 bg-canvas-100 px-4 py-2 transition-all focus:top-4"
       >
         Skip to main content
       </a>
       <a
         href="#main-navigation"
-        className="absolute -top-10 left-4 z-50 bg-primary-500 px-4 py-2 text-white transition-all focus:top-4"
+        className="absolute -top-10 left-4 z-50 bg-canvas-100 px-4 py-2 transition-all focus:top-4"
       >
         Skip to navigation
       </a>