diff --git a/front/src/App.tsx b/front/src/App.tsx
index aaa3100..dcf42ad 100644
--- a/front/src/App.tsx
+++ b/front/src/App.tsx
@@ -58,9 +58,10 @@ const App = () => {
             >
               <Route path="" element={<Nickname />} />
               <Route path="snowball" element={<Snowball />} />
-              <Route path="maindeco" element={<MainDeco />} />
             </Route>
 
+            <Route path="/maindeco" element={<MainDeco />} />
+
             <Route
               path="/main"
               element={
diff --git a/front/src/pages/Make/Snowball/Snowball.tsx b/front/src/pages/Make/Snowball/Snowball.tsx
index b0d2990..7c62acf 100644
--- a/front/src/pages/Make/Snowball/Snowball.tsx
+++ b/front/src/pages/Make/Snowball/Snowball.tsx
@@ -57,7 +57,7 @@ const Snowball = () => {
   const [make, setMake] = useState(false);
 
   useEffect(() => {
-    make ? navigate('/make/maindeco') : null;
+    make ? navigate('/maindeco') : null;
   }, [make, navigate]);
 
   return (
diff --git a/front/src/pages/Visit/Deco/Steps.tsx b/front/src/pages/Visit/Deco/Steps.tsx
index 65efce2..07ebf17 100644
--- a/front/src/pages/Visit/Deco/Steps.tsx
+++ b/front/src/pages/Visit/Deco/Steps.tsx
@@ -96,7 +96,7 @@ const StyledBottomWrap = styled.div`
 const Steps = () => {
   const [step, setStep] = useState(0);
   const [lastBox, setLastBox] = useState(false);
-  const { setColor } = useContext(DecoContext);
+  const { color, setColor } = useContext(DecoContext);
   const { userData } = useContext(SnowBallContext);
   const doneStep = -1;
   const selectDeco = 0;
@@ -229,7 +229,7 @@ const Steps = () => {
             {step === selectColor ? (
               <>
                 <ColorInput
-                  value={'#ff0000'}
+                  value={color}
                   onChange={e => setColor(e.target.value)}
                 />
                 <p>장식 색상을 선택해주세요</p>