diff --git a/src/components/Page1.tsx b/src/components/Page1.tsx
index b915355..1385dc9 100644
--- a/src/components/Page1.tsx
+++ b/src/components/Page1.tsx
@@ -46,7 +46,7 @@ function Body({ view }: Props) {
 
   return (
     <div className="my-20">
-      <div className="text-left w-[450px] bg-Orange-2024 pr-3 py-8">
+      <div className="text-left w-[450px] bg-COLOR-UPCOMING-SESSION-LABEL pr-3 py-8">
         <div className="text-right text-white font-bold font-din-2014 tracking-wide text-1.5xl">
           UPCOMING SESSION
         </div>
@@ -97,7 +97,7 @@ function Side({ view }: Props) {
   return (
     <div className="p-14">
       {hasKeynote && (
-        <div className="text-right w-[750px] bg-Teal-2024 px-3 pt-1 pb-2 my-3 font-ryo-gothic-plusn">
+        <div className="text-right w-[750px] bg-COLOR-TIMETABLE-Box px-3 pt-1 pb-2 my-3 font-ryo-gothic-plusn">
           <div className="flex flex-row">
             <div className="text-left basis-1/2 text-white text-xxs font-din-2014 font-light">
               <span>
@@ -122,7 +122,7 @@ function Side({ view }: Props) {
       {talks.map((talk) => (
         <div
           key={talk.id}
-          className="text-right w-[750px] bg-Teal-2024 px-3 pt-2 my-3 font-ryo-gothic-plusn"
+          className="text-right w-[750px] bg-COLOR-TIMETABLE-Box px-3 pt-2 my-3 font-ryo-gothic-plusn"
         >
           <div className="flex flex-row">
             <div className="text-left basis-1/2 text-white text-xxs font-din-2014 font-light">
diff --git a/src/components/Page2.tsx b/src/components/Page2.tsx
index 93cde6f..075f57f 100644
--- a/src/components/Page2.tsx
+++ b/src/components/Page2.tsx
@@ -37,7 +37,7 @@ function Body({ view }: Props) {
   }
   return (
     <div className=" mt-10 font-ryo-gothic-plusn">
-      <div className="text-left w-[450px] bg-Orange-2024 pr-3 py-8">
+      <div className="text-left w-[450px] bg-COLOR-UPCOMING-SESSION-LABEL pr-3 py-8">
         <div className="text-right text-white font-bold font-din-2014 tracking-wide text-1.5xl">
           UPCOMING SESSION
         </div>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 9c580e8..3deddf4 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -14,9 +14,8 @@ const config: Config = {
         'ryo-gothic-plusn': ['ryo-gothic-plusn', 'sans-serif'],
       },
       colors: {
-        'Orange-2024': '#006FB8',
-        'Blue-2024': '#00A6E1',
-        'Teal-2024': '#5F5F9D',
+        'COLOR-UPCOMING-SESSION-LABEL': '#ae291b',
+        'COLOR-TIMETABLE-Box': '#008f9e',
       },
     },
     fontSize: {