diff --git a/frontend/package.json b/frontend/package.json
index 36c5c9d97..01053a986 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "code-zap",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "",
   "main": "index.js",
   "scripts": {
diff --git a/frontend/src/pages/LoginPage/LoginPage.tsx b/frontend/src/pages/LoginPage/LoginPage.tsx
index 123faedb3..11c8321b4 100644
--- a/frontend/src/pages/LoginPage/LoginPage.tsx
+++ b/frontend/src/pages/LoginPage/LoginPage.tsx
@@ -8,6 +8,7 @@ import { useTrackPageViewed } from '@/service/amplitude';
 
 import { useLoginForm } from './hooks';
 import * as S from './LoginPage.style';
+import { theme } from '@/style/theme';
 
 const LoginPage = () => {
   useTrackPageViewed({ eventName: '[Viewed] 로그인 페이지' });
@@ -21,7 +22,7 @@ const LoginPage = () => {
         <S.LoginPageContainer direction='column' justify='center' align='center' gap='3.5rem' width='27.5rem'>
           <Flex direction='column' justify='center' align='center' gap='1rem'>
             <ZapzapLogo width={100} height={100} />
-            <S.ResponsiveHeading color='#F79037'>환영하잽</S.ResponsiveHeading>
+            <S.ResponsiveHeading color={theme.color.light.primary_800}>환영하잽</S.ResponsiveHeading>
           </Flex>
 
           <S.LoginForm
@@ -61,7 +62,7 @@ const LoginPage = () => {
               로그인
             </Button>
             <Flex justify='flex-end' align='center' width='100%' gap='0.5rem'>
-              <Text.XSmall color='#6B7079'>계정이 없으신가요?</Text.XSmall>
+              <Text.XSmall color={theme.color.light.secondary_600}>계정이 없으신가요?</Text.XSmall>
 
               <Link to={END_POINTS.SIGNUP}>
                 <Button variant='text' size='small'>
diff --git a/frontend/src/pages/SignupPage/SignupPage.tsx b/frontend/src/pages/SignupPage/SignupPage.tsx
index c52fa28be..1ea7bd9f3 100644
--- a/frontend/src/pages/SignupPage/SignupPage.tsx
+++ b/frontend/src/pages/SignupPage/SignupPage.tsx
@@ -7,6 +7,7 @@ import { useTrackPageViewed } from '@/service/amplitude';
 
 import { useSignupForm } from './hooks';
 import * as S from './SignupPage.style';
+import { theme } from '@/style/theme';
 
 const SignupPage = () => {
   useTrackPageViewed({ eventName: '[Viewed] 회원가입 페이지' });
@@ -33,7 +34,7 @@ const SignupPage = () => {
         <S.SignupPageContainer direction='column' justify='center' align='center' width='27.5rem' gap='3.5rem'>
           <Flex direction='column' justify='center' align='center' gap='1rem'>
             <ZapzapLogo width={100} height={100} />
-            <S.ResponsiveHeading color='#F79037'>환영하잽</S.ResponsiveHeading>
+            <S.ResponsiveHeading color={theme.color.light.primary_800}>환영하잽</S.ResponsiveHeading>
           </Flex>
 
           <S.SignupForm
@@ -89,7 +90,7 @@ const SignupPage = () => {
             </Button>
 
             <Flex justify='flex-end' align='center' width='100%' gap='0.5rem'>
-              <Text.XSmall color='#6B7079'>이미 계정이 있으신가요?</Text.XSmall>
+              <Text.XSmall color={theme.color.light.secondary_600}>이미 계정이 있으신가요?</Text.XSmall>
               <Link to={'/login'}>
                 <Button variant='text' size='small'>
                   로그인