diff --git a/apps/admin/src/pages/GiftRegisterPage/components/GiftInformation/GiftInformation.styles.ts b/apps/admin/src/pages/GiftRegisterPage/components/GiftInformation/GiftInformation.styles.ts
index 759ef2b2..b095c2b8 100644
--- a/apps/admin/src/pages/GiftRegisterPage/components/GiftInformation/GiftInformation.styles.ts
+++ b/apps/admin/src/pages/GiftRegisterPage/components/GiftInformation/GiftInformation.styles.ts
@@ -1,5 +1,13 @@
 import styled from '@emotion/styled';
 
+interface WrapperProps {
+  backgroundImage: string;
+}
+
+interface RecipientProps {
+  backgroundColor: string;
+}
+
 const Container = styled.div`
   max-width: 330px;
   border-radius: 8px;
@@ -7,24 +15,27 @@ const Container = styled.div`
   padding-top: 68px;
 `;
 
-const Recipient = styled.p`
+const Recipient = styled.p<RecipientProps>`
   padding: 6px 12px;
   border-radius: 100px;
   ${({ theme }) => theme.typo.c1};
-  background-color: ${({ theme }) => theme.palette.primary.o3};
+  background-color: ${({ backgroundColor }) => backgroundColor};
   color: ${({ theme }) => theme.palette.grey.w};
   margin-bottom: 12px;
   font-weight: 600;
 `;
 
-const Wrapper = styled.div`
-  background: linear-gradient(#ff5a14, #ffa883);
+const Wrapper = styled.div<WrapperProps>`
+  background-image: ${({ backgroundImage }) => `url(${backgroundImage})`};
+  background-position: center center;
+  background-size: contain;
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 32px 20px 0 20px;
   border-radius: 8px 8px 0px 0px;
   position: relative;
+  height: 394px;
 
   &::before {
     content: '';
@@ -57,12 +68,6 @@ const InvitationDescription = styled.p`
   max-height: 80px;
 `;
 
-const InvitationImage = styled.img`
-  width: 100%;
-  max-width: 270;
-  margin-top: 28px;
-`;
-
 const ShowContainer = styled.div`
   background-color: ${({ theme }) => theme.palette.grey.w};
   border-radius: 0px 0px 8px 8px;
@@ -138,7 +143,6 @@ export default {
   Recipient,
   Wrapper,
   InvitationDescription,
-  InvitationImage,
   ShowContainer,
   PosterImage,
   ShowInformation,
diff --git a/apps/admin/src/pages/GiftRegisterPage/components/GiftInformation/index.tsx b/apps/admin/src/pages/GiftRegisterPage/components/GiftInformation/index.tsx
index 04533387..62b1e077 100644
--- a/apps/admin/src/pages/GiftRegisterPage/components/GiftInformation/index.tsx
+++ b/apps/admin/src/pages/GiftRegisterPage/components/GiftInformation/index.tsx
@@ -28,6 +28,7 @@ const GiftInformation = () => {
     showImageUrl,
     giftExpireDate,
     showName,
+    chipColorCode,
   } = data ?? {};
 
   const isRegistered = status === GiftStatus.REGISTERED;
@@ -57,10 +58,11 @@ const GiftInformation = () => {
   return (
     <>
       <Styled.Container>
-        <Styled.Wrapper>
-          <Styled.Recipient>TO. {recipientName}</Styled.Recipient>
+        <Styled.Wrapper backgroundImage={giftImageUrl || ''}>
+          <Styled.Recipient backgroundColor={chipColorCode || ''}>
+            TO. {recipientName}
+          </Styled.Recipient>
           <Styled.InvitationDescription>{message}</Styled.InvitationDescription>
-          <Styled.InvitationImage src={giftImageUrl} alt="초대장 이미지" draggable={false} />
         </Styled.Wrapper>
         <Styled.ShowContainer>
           <Styled.PosterImage src={showImageUrl} alt="포스터 이미지" draggable={false} />
diff --git a/packages/api/src/types/gift.ts b/packages/api/src/types/gift.ts
index 9e95a49f..9763dd71 100644
--- a/packages/api/src/types/gift.ts
+++ b/packages/api/src/types/gift.ts
@@ -50,4 +50,8 @@ export interface GiftInfoResponse {
    * 선물 만료일
    */
   giftExpireDate: string;
+  /**
+   * 칩 컬러 헥스코드
+   */
+  chipColorCode: string;
 }