diff --git a/refer_landing_page/app/_components/ProjectPageView.tsx b/refer_landing_page/app/_components/ProjectPageView.tsx
index 102c787..9dd53ba 100644
--- a/refer_landing_page/app/_components/ProjectPageView.tsx
+++ b/refer_landing_page/app/_components/ProjectPageView.tsx
@@ -11,8 +11,8 @@ export function ProjectPageView() {
       <div className="flex flex-col sm:flex-row sm:items-end justify-between gap-4 border-b border-line pb-4">
         <div>
           <div className="flex items-center gap-3 mb-1">
-            <span className="h-px w-8 bg-vermillion"></span>
-            <span className="font-mono text-xs tracking-widest uppercase text-vermillion font-bold">
+            <span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt"></span>
+            <span className="font-mono text-xs tracking-widest uppercase text-cobalt-dark dark:text-cobalt font-bold">
               Key Initiatives
             </span>
           </div>
@@ -32,7 +32,7 @@ export function ProjectPageView() {
         role="group"
         aria-roledescription="carousel"
         aria-label="연구 프로젝트 목록"
-        className="flex gap-6 overflow-x-auto snap-x snap-mandatory scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden desktop:grid desktop:grid-cols-3 desktop:overflow-visible focus:outline-none focus:ring-1 focus:ring-vermillion/50 rounded"
+        className="flex gap-6 overflow-x-auto snap-x snap-mandatory scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden desktop:grid desktop:grid-cols-3 desktop:overflow-visible focus:outline-none focus:ring-1 focus:ring-cobalt/50 rounded"
       >
         {researchProjects.map((proj, idx) => (
           <article
@@ -41,7 +41,7 @@ export function ProjectPageView() {
             role="group"
             aria-roledescription="slide"
             aria-label={`${researchProjects.length}개 중 ${idx + 1}번째 프로젝트`}
-            className="snap-start shrink-0 min-w-0 w-full md:w-[calc(50%-12px)] desktop:w-full flex flex-col justify-between bg-paper p-6 rounded-lg border border-line hover:border-vermillion/60 transition-colors space-y-5 break-words [word-break:keep-all]"
+            className="snap-start shrink-0 min-w-0 w-full md:w-[calc(50%-12px)] desktop:w-full flex flex-col justify-between bg-paper p-6 rounded-lg border border-line hover:border-cobalt/60 transition-colors space-y-5 break-words [word-break:keep-all]"
           >
             <div className="space-y-4">
               {/* Header Info */}
@@ -50,7 +50,7 @@ export function ProjectPageView() {
                   {proj.title}
                 </h3>
                 {proj.period && (
-                  <span className="font-mono text-xs text-vermillion bg-ivory border border-line px-2 py-0.5 rounded shrink-0">
+                  <span className="font-mono text-xs text-cobalt-dark dark:text-cobalt bg-ivory border border-line px-2 py-0.5 rounded shrink-0">
                     {proj.period}
                   </span>
                 )}
diff --git a/refer_landing_page/app/lectures/page.tsx b/refer_landing_page/app/lectures/page.tsx
index dd11ca9..bbc6c37 100644
--- a/refer_landing_page/app/lectures/page.tsx
+++ b/refer_landing_page/app/lectures/page.tsx
@@ -10,8 +10,8 @@ export default function LecturesPage() {
       {/* Header */}
       <section className="space-y-3">
         <div className="flex items-center gap-3">
-          <span className="h-px w-8 bg-vermillion"></span>
-          <span className="font-mono text-xs tracking-widest uppercase text-vermillion font-bold">
+          <span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt"></span>
+          <span className="font-mono text-xs tracking-widest uppercase text-cobalt-dark dark:text-cobalt font-bold">
             Academic Courses
           </span>
         </div>
@@ -27,7 +27,7 @@ export default function LecturesPage() {
       <section className="space-y-6 pt-6 md:pt-10 border-t border-line">
         <div className="flex justify-between items-end">
           <div>
-            <div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold">
+            <div className="font-mono text-xs text-cobalt-dark dark:text-cobalt uppercase tracking-widest font-bold">
               Recent Courses ({recentSemesters.length} Semesters)
             </div>
             <h2 className="font-serif text-3xl font-normal text-ink mt-1">
diff --git a/refer_landing_page/app/members/page.tsx b/refer_landing_page/app/members/page.tsx
index 6cad2f1..4a96f49 100644
--- a/refer_landing_page/app/members/page.tsx
+++ b/refer_landing_page/app/members/page.tsx
@@ -15,9 +15,9 @@ export default function MembersPage() {
       {/* Header */}
       <section className="space-y-3">
         <div className="flex items-center gap-3">
-          <span className="h-px w-8 bg-vermillion"></span>
-          <span className="font-mono text-xs tracking-widest uppercase text-vermillion font-bold">
-            People & Researchers
+          <span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt"></span>
+          <span className="font-mono text-xs tracking-widest uppercase text-cobalt-dark dark:text-cobalt font-bold">
+            People &amp; Researchers
           </span>
         </div>
         <h1 className="font-serif text-4xl sm:text-5xl font-normal text-ink">
@@ -30,7 +30,7 @@ export default function MembersPage() {
 
       {/* Professor Section */}
       <section className="space-y-6 pt-6 md:pt-10 border-t border-line">
-        <div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold">
+        <div className="font-mono text-xs text-cobalt-dark dark:text-cobalt uppercase tracking-widest font-bold">
           Faculty
         </div>
 
@@ -51,7 +51,7 @@ export default function MembersPage() {
             <div className="pt-4 border-t border-line/60 flex flex-wrap gap-4 text-xs font-mono">
               <a
                 href="mailto:sjkoh@knu.ac.kr"
-                className="text-vermillion hover:underline"
+                className="text-cobalt-dark dark:text-cobalt hover:underline"
               >
                 sjkoh@knu.ac.kr
               </a>
diff --git a/refer_landing_page/app/page.tsx b/refer_landing_page/app/page.tsx
index 9e8023d..517250f 100644
--- a/refer_landing_page/app/page.tsx
+++ b/refer_landing_page/app/page.tsx
@@ -81,7 +81,7 @@ export default function HomePage() {
             {/* Metrics Row (Derived from data array, AC-13) */}
             <div className="pt-6 border-t border-line grid grid-cols-3 gap-4">
               <div>
-                <div className="font-serif text-3xl text-vermillion font-normal">
+                <div className="font-serif text-3xl text-cobalt-dark dark:text-cobalt font-normal">
                   {PILLARS.length}
                 </div>
                 <div className="font-mono text-xs text-ink-mute uppercase tracking-wider mt-1">
@@ -89,7 +89,7 @@ export default function HomePage() {
                 </div>
               </div>
               <div>
-                <div className="font-serif text-3xl text-cobalt font-normal">
+                <div className="font-serif text-3xl text-cobalt-dark dark:text-cobalt font-normal">
                   {Math.floor((publications.length + patents.length) / 10) * 10}+
                 </div>
                 <div className="font-mono text-xs text-ink-mute uppercase tracking-wider mt-1">
@@ -120,7 +120,7 @@ export default function HomePage() {
       <section className="space-y-8 pt-20 md:pt-28 border-t border-line">
         <div className="flex justify-between items-end">
           <div>
-            <div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold">
+            <div className="font-mono text-xs text-cobalt-dark dark:text-cobalt uppercase tracking-widest font-bold">
               Research Areas
             </div>
             <h2 className="font-serif text-3xl font-normal text-ink mt-1">
diff --git a/refer_landing_page/app/publications/[category]/page.tsx b/refer_landing_page/app/publications/[category]/page.tsx
index ad7b53e..1bd1477 100644
--- a/refer_landing_page/app/publications/[category]/page.tsx
+++ b/refer_landing_page/app/publications/[category]/page.tsx
@@ -59,8 +59,8 @@ export default function PublicationCategoryPage({ params }: PageProps) {
       {/* Header */}
       <section className="space-y-3">
         <div className="flex items-center gap-3">
-          <span className="h-px w-8 bg-vermillion"></span>
-          <span className="font-mono text-xs tracking-widest uppercase text-vermillion font-bold">
+          <span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt"></span>
+          <span className="font-mono text-xs tracking-widest uppercase text-cobalt-dark dark:text-cobalt font-bold">
             Publications Category
           </span>
         </div>
diff --git a/refer_landing_page/app/publications/_components/CategoryNav.tsx b/refer_landing_page/app/publications/_components/CategoryNav.tsx
index b0db98a..34eee38 100644
--- a/refer_landing_page/app/publications/_components/CategoryNav.tsx
+++ b/refer_landing_page/app/publications/_components/CategoryNav.tsx
@@ -19,8 +19,8 @@ export function CategoryNav({ currentCategory }: CategoryNavProps) {
               href={`/publications/${cat.slug}`}
               className={`px-4 py-2 rounded text-xs font-mono tracking-wider transition-colors ${
                 isActive
-                  ? "bg-vermillion text-white dark:text-ivory font-bold"
-                  : "bg-paper text-ink border border-line hover:border-vermillion"
+                  ? "bg-cobalt-dark text-white dark:text-ivory font-bold"
+                  : "bg-paper text-ink border border-line hover:border-cobalt-dark dark:hover:border-cobalt"
               }`}
             >
               {cat.label}
diff --git a/refer_landing_page/app/publications/page.tsx b/refer_landing_page/app/publications/page.tsx
index 41e8b76..d010363 100644
--- a/refer_landing_page/app/publications/page.tsx
+++ b/refer_landing_page/app/publications/page.tsx
@@ -26,8 +26,8 @@ export default function PublicationsIndexPage() {
       {/* Header section */}
       <section className="space-y-4">
         <div className="flex items-center gap-3">
-          <span className="h-px w-8 bg-vermillion" />
-          <span className="font-mono text-xs font-bold uppercase tracking-widest text-vermillion">
+          <span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt" />
+          <span className="font-mono text-xs font-bold uppercase tracking-widest text-cobalt-dark dark:text-cobalt">
             BIBLIOGRAPHY &amp; INTELLECTUAL PROPERTY
           </span>
         </div>
@@ -49,13 +49,13 @@ export default function PublicationsIndexPage() {
           return (
             <div
               key={cat.slug}
-              className="flex flex-col justify-between border border-line bg-paper p-6 rounded-lg transition-colors hover:border-vermillion group"
+              className="flex flex-col justify-between border border-line bg-paper p-6 rounded-lg transition-colors hover:border-cobalt-dark dark:hover:border-cobalt group"
             >
               <div className="space-y-3">
                 <span className="font-mono text-xs text-ink-mute uppercase tracking-wider">
                   Category
                 </span>
-                <h2 className="headline-ko text-xl text-ink font-bold group-hover:text-vermillion transition-colors">
+                <h2 className="headline-ko text-xl text-ink font-bold group-hover:text-cobalt-dark dark:group-hover:text-cobalt transition-colors">
                   {cat.label}
                 </h2>
                 <p className="text-xs text-ink-mute leading-relaxed">
diff --git a/refer_landing_page/app/standardization/page.tsx b/refer_landing_page/app/standardization/page.tsx
index d12421d..d6e4283 100644
--- a/refer_landing_page/app/standardization/page.tsx
+++ b/refer_landing_page/app/standardization/page.tsx
@@ -13,8 +13,8 @@ export default function StandardizationPage() {
       {/* Header */}
       <section className="space-y-3">
         <div className="flex items-center gap-3">
-          <span className="h-px w-8 bg-vermillion"></span>
-          <span className="font-mono text-xs tracking-widest uppercase text-vermillion font-bold">
+          <span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt"></span>
+          <span className="font-mono text-xs tracking-widest uppercase text-cobalt-dark dark:text-cobalt font-bold">
             Open Standards &amp; Contributions
           </span>
         </div>
@@ -33,7 +33,7 @@ export default function StandardizationPage() {
             <div className="flex flex-wrap justify-between items-start gap-4 border-b border-line pb-4">
               <div>
                 <div className="flex items-center gap-2">
-                  <span className="font-mono text-xs text-vermillion font-bold uppercase">
+                  <span className="font-mono text-xs text-cobalt-dark dark:text-cobalt font-bold uppercase">
                     [{body.scope}]
                   </span>
                   {body.role && (