diff --git a/apps/landing/src/components/Header/Discord.tsx b/apps/landing/src/components/Header/Discord.tsx
index 27e322cc..1a7233ab 100644
--- a/apps/landing/src/components/Header/Discord.tsx
+++ b/apps/landing/src/components/Header/Discord.tsx
@@ -12,7 +12,7 @@ export function Discord() {
     >
       <svg
         className={css({
-          color: '$text',
+          color: '$title',
         })}
         fill="none"
         height="24"
diff --git a/apps/landing/src/components/Header/Github.tsx b/apps/landing/src/components/Header/Github.tsx
index 87fdf3fc..1a26124a 100644
--- a/apps/landing/src/components/Header/Github.tsx
+++ b/apps/landing/src/components/Header/Github.tsx
@@ -4,7 +4,7 @@ export function Github() {
   return (
     <svg
       className={css({
-        color: '$text',
+        color: '$title',
       })}
       fill="none"
       height="24"
diff --git a/apps/landing/src/components/Header/Kakao.tsx b/apps/landing/src/components/Header/Kakao.tsx
index 399d6510..ee45e8cd 100644
--- a/apps/landing/src/components/Header/Kakao.tsx
+++ b/apps/landing/src/components/Header/Kakao.tsx
@@ -12,7 +12,7 @@ export function Kakao() {
     >
       <svg
         className={css({
-          color: '$text',
+          color: '$title',
         })}
         fill="none"
         height="24"
@@ -23,7 +23,7 @@ export function Kakao() {
         <path
           clipRule="evenodd"
           d="M12.0001 3C5.92457 3 1 6.76292 1 11.4039C1 14.2901 2.90472 16.8346 5.80521 18.348L4.58483 22.7571C4.477 23.1467 4.92752 23.4572 5.27347 23.2314L10.623 19.7396C11.0745 19.7827 11.5332 19.8078 12.0001 19.8078C18.0751 19.8078 23 16.045 23 11.4039C23 6.76292 18.0751 3 12.0001 3Z"
-          fill="#1A1A1A"
+          fill="currentColor"
           fillRule="evenodd"
         />
       </svg>
diff --git a/apps/landing/src/components/Header/ThemeSwitch.tsx b/apps/landing/src/components/Header/ThemeSwitch.tsx
index 15b29dc5..774be78a 100644
--- a/apps/landing/src/components/Header/ThemeSwitch.tsx
+++ b/apps/landing/src/components/Header/ThemeSwitch.tsx
@@ -6,7 +6,7 @@ export function ThemeSwitch() {
   return (
     <Box
       boxSize="24px"
-      color="$text"
+      color="$title"
       cursor="pointer"
       onClick={() => {
         setTheme(getTheme() === 'dark' ? 'light' : 'dark')