diff --git a/src/app/team/[teamId]/page.tsx b/src/app/team/[teamId]/page.tsx
index 1a18511d..c0b8fa0c 100644
--- a/src/app/team/[teamId]/page.tsx
+++ b/src/app/team/[teamId]/page.tsx
@@ -1,7 +1,7 @@
 import { Flex } from '@chakra-ui/react';
 
 const Page = () => {
-  return <Flex w="100%" bg="#F7F7F7" />;
+  return <Flex w="100%" bg="gray.50" />;
 };
 
 export default Page;
diff --git a/src/app/team/[teamId]/study/[studyId]/page.tsx b/src/app/team/[teamId]/study/[studyId]/page.tsx
index 1a18511d..c0b8fa0c 100644
--- a/src/app/team/[teamId]/study/[studyId]/page.tsx
+++ b/src/app/team/[teamId]/study/[studyId]/page.tsx
@@ -1,7 +1,7 @@
 import { Flex } from '@chakra-ui/react';
 
 const Page = () => {
-  return <Flex w="100%" bg="#F7F7F7" />;
+  return <Flex w="100%" bg="gray.50" />;
 };
 
 export default Page;
diff --git a/src/theme/foundations/colors.ts b/src/theme/foundations/colors.ts
index 88ad995f..c7663b74 100644
--- a/src/theme/foundations/colors.ts
+++ b/src/theme/foundations/colors.ts
@@ -7,6 +7,7 @@ const colors = {
   orange: color.orange,
   orange_dark: color.orange_dark,
   gray: {
+    '50': '#F7F7F7',
     '100': '#DADADA',
     '200': '#9A9A9A',
   },