diff --git a/packages/website/src/components/ExternalLink.tsx b/packages/website/src/components/ExternalLink.tsx
index 379b7270..2327657d 100644
--- a/packages/website/src/components/ExternalLink.tsx
+++ b/packages/website/src/components/ExternalLink.tsx
@@ -10,7 +10,7 @@ export const ExternalLink = ({ children, withUnderline = true, ...chakraProps }:
   const underlineProps = withUnderline ? { textDecoration: 'underline', textUnderlineOffset: '2px' } : {};
 
   return (
-    <Link {...externalLinkBaseProps} {...chakraProps} {...underlineProps}>
+    <Link color="blue.700" {...externalLinkBaseProps} {...chakraProps} {...underlineProps}>
       {children}
     </Link>
   );
diff --git a/packages/website/src/components/InternalLink.tsx b/packages/website/src/components/InternalLink.tsx
index 454ad9ec..bf8edfc9 100644
--- a/packages/website/src/components/InternalLink.tsx
+++ b/packages/website/src/components/InternalLink.tsx
@@ -23,7 +23,7 @@ export const InternalLink = ({
 
   return (
     <NextLink passHref href={href} as={as} replace={replace} scroll={scroll} shallow={shallow} prefetch={prefetch}>
-      <Link {...chakraProps} {...underlineProps}>
+      <Link color="blue.700" {...chakraProps} {...underlineProps}>
         {children}
       </Link>
     </NextLink>