diff --git a/Components/Join/DropZone/DropZone.tsx b/Components/Join/DropZone/DropZone.tsx
index f84496a..9be92b9 100644
--- a/Components/Join/DropZone/DropZone.tsx
+++ b/Components/Join/DropZone/DropZone.tsx
@@ -4,6 +4,7 @@ import Image from 'next/image';
 import { useCallback } from 'react';
 import { DropEvent, FileRejection, useDropzone } from 'react-dropzone';
 import Swal from 'sweetalert2';
+import icon_foot from '@/public/icon_foot.svg';
 
 type onDropProps = <T extends File>(
 	acceptedFiles: T[],
@@ -56,24 +57,33 @@ const DropZone = ({ setFn, baseImageUrl }: DropZoneProps) => {
 	}
 
 	return (
-		<div
-			{...getRootProps({
-				className:
-					'border-4 w-[200px] h-[200px] rounded-full overflow-hidden flex flex-col items-center justify-content',
-			})}
-		>
-			<input {...getInputProps()} />
-			{baseImageUrl ? (
-				<Image
-					src={baseImageUrl}
-					alt="유저이미지"
-					width={100}
-					height={100}
-					className="w-full h-full"
-				/>
-			) : (
-				<div className="w-full h-full flex flex-col justify-center items-center bg-camera-icon bg-50% bg-no-repeat bg-center"></div>
-			)}
+		<div className="relative w-fit h-fit">
+			<div
+				{...getRootProps({
+					className:
+						'relative border-4 w-[200px] h-[200px] rounded-full overflow-hidden flex flex-col items-center justify-content',
+				})}
+			>
+				<input {...getInputProps()} />
+				{baseImageUrl ? (
+					<Image
+						src={baseImageUrl}
+						alt="유저이미지"
+						width={100}
+						height={100}
+						className="w-full h-full"
+					/>
+				) : (
+					<div className="w-full h-full flex flex-col justify-center items-center bg-white "></div>
+				)}
+			</div>
+			<Image
+				src={icon_foot}
+				width={100}
+				alt="곰"
+				height={100}
+				className="w-8 absolute bottom-7 right-3"
+			/>
 		</div>
 	);
 };
diff --git a/Components/Join/JoinForm.tsx b/Components/Join/JoinForm.tsx
index 7932ac0..e7a666e 100644
--- a/Components/Join/JoinForm.tsx
+++ b/Components/Join/JoinForm.tsx
@@ -116,7 +116,7 @@ const JoinForm = () => {
 						{/* 이름 */}
 						<div className="flex h-[90] w-full flex-col mt-5">
 							<Input
-								color="brown"
+								color="pink"
 								placeholder="20자 이하의 이름을 입력해주세요."
 								variant="static"
 								label="name"
@@ -127,7 +127,7 @@ const JoinForm = () => {
 								crossOrigin={'anonymous'}
 							/>
 
-							<div className="text-red-500 text-[10px] mt-2  h-[10px]">
+							<div className="text-text text-xs mt-2  h-[10px]">
 								{errors?.name?.type === 'required' && (
 									<div>name를 입력해주세요.</div>
 								)}
@@ -140,7 +140,7 @@ const JoinForm = () => {
 						{/* id */}
 						<div className="flex  w-full  h-[90] flex-col  mt-5">
 							<Input
-								color="brown"
+								color="pink"
 								variant="static"
 								label="id"
 								placeholder=" "
@@ -151,7 +151,7 @@ const JoinForm = () => {
 								crossOrigin={'anonymous'}
 							/>
 
-							<div className="text-red-500 text-[10px] mt-2  h-[10px]">
+							<div className="text-text text-xs mt-2  h-[10px]">
 								{errors?.id?.type === 'pattern' && (
 									<div>영어와 숫자만 작성 가능합니다.</div>
 								)}
@@ -163,7 +163,7 @@ const JoinForm = () => {
 						{/* 비밀번호 */}
 						<div className="flex w-full  h-[90] flex-col  mt-5">
 							<Input
-								color="brown"
+								color="pink"
 								variant="static"
 								label="password"
 								type="password"
@@ -173,7 +173,7 @@ const JoinForm = () => {
 								})}
 								crossOrigin={'anonymous'}
 							/>
-							<div className="text-red-500 text-[10px] mt-2  h-[10px]">
+							<div className="text-text text-xs mt-2  h-[10px]">
 								{errors?.password?.type === 'minLength' && (
 									<div>입력은 최소 5자 이상이어야 합니다.</div>
 								)}
@@ -183,7 +183,10 @@ const JoinForm = () => {
 							</div>
 						</div>
 					</div>
-					<Button type="submit" className="w-full bg-main mt-10 text-subtext">
+					<Button
+						type="submit"
+						className="w-full mt-10 text-subtext bg-text text-white"
+					>
 						회원가입
 					</Button>
 					<Button
diff --git a/Components/Login/LoginForm.tsx b/Components/Login/LoginForm.tsx
index d7baead..8ceabc4 100644
--- a/Components/Login/LoginForm.tsx
+++ b/Components/Login/LoginForm.tsx
@@ -4,7 +4,7 @@ import React from 'react';
 import { useForm, SubmitHandler } from 'react-hook-form';
 import { fetchLogin } from '../../app/login/login.utils';
 import { setCookie } from '@/Components/Login/Cookie';
-import { Button } from '@material-tailwind/react';
+import { Button, Typography } from '@material-tailwind/react';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 import Swal from 'sweetalert2';
@@ -12,6 +12,7 @@ import { Input } from '@material-tailwind/react';
 import Image from 'next/image';
 import useAsyncLoading from '@/hooks/Open/useAsyncLoading';
 import { IFormInput } from './Login.types';
+import icon_cat from '@/public/icon_cat.svg';
 
 const LoginForm = () => {
 	const loadingControl = useAsyncLoading();
@@ -49,12 +50,18 @@ const LoginForm = () => {
 	};
 
 	return (
-		<div className="flex flex-col h-full items-center justify-center">
+		<div className="flex flex-col h-full relative items-center justify-center">
 			<form
 				onSubmit={handleSubmit(onSubmit)}
 				className="flex flex-col items-center justify-center w-2/3"
 			>
-				<Image src="/logo.png" alt="Picture of me" width={250} height={250} />
+				<Image
+					src={icon_cat}
+					alt="Picture of me"
+					width={100}
+					height={100}
+					className="w-48 mb-12"
+				/>
 				{/* 영어와 숫자만 */}
 				<Input
 					placeholder="id"
@@ -81,13 +88,16 @@ const LoginForm = () => {
 					{...register('password')}
 					crossOrigin={'anonymous'}
 				/>
-				<Button type="submit" className=" bg-pink-200 w-full mt-10">
+				<Button type="submit" className="bg-text w-full mt-10">
 					로그인
 				</Button>
 				<Link href="/join" passHref>
-					<div className="text-gray-700  text-[10px] mt-4 mb-14">회원가입</div>
+					<div className="text-md text-black mt-3">새로운 집사 되기!</div>
 				</Link>
 			</form>
+			<Typography variant="h3" className="absolute bottom-8">
+				CatTalk
+			</Typography>
 		</div>
 	);
 };
diff --git a/app/join/page.tsx b/app/join/page.tsx
index dd9f275..45409c1 100644
--- a/app/join/page.tsx
+++ b/app/join/page.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 
 const Join = () => {
 	return (
-		<div className="w-full h-full bg-white ">
+		<div className="w-full h-full bg-fill ">
 			<JoinForm></JoinForm>
 		</div>
 	);
diff --git a/app/login/page.tsx b/app/login/page.tsx
index 4b4f0db..01cb29b 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -3,7 +3,7 @@ import LoginForm from '../../Components/Login/LoginForm';
 
 const Login = () => {
 	return (
-		<div className="w-full h-full bg-main ">
+		<div className="w-full h-full bg-bgfill ">
 			<LoginForm></LoginForm>
 		</div>
 	);
diff --git a/public/icon_dot_chat.svg b/public/icon_dot_chat.svg
new file mode 100644
index 0000000..3744b20
--- /dev/null
+++ b/public/icon_dot_chat.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.0867 21.3877L13.7321 21.7697L13.0867 21.3877ZM13.6288 20.4718L12.9833 20.0898L13.6288 20.4718ZM10.3712 20.4718L9.72579 20.8539H9.72579L10.3712 20.4718ZM10.9133 21.3877L11.5587 21.0057L10.9133 21.3877ZM1.25 10.5C1.25 10.9142 1.58579 11.25 2 11.25C2.41421 11.25 2.75 10.9142 2.75 10.5H1.25ZM3.07351 15.6264C2.915 15.2437 2.47627 15.062 2.09359 15.2205C1.71091 15.379 1.52918 15.8177 1.68769 16.2004L3.07351 15.6264ZM7.78958 18.9915L7.77666 19.7413L7.78958 18.9915ZM5.08658 18.6194L4.79957 19.3123H4.79957L5.08658 18.6194ZM21.6194 15.9134L22.3123 16.2004V16.2004L21.6194 15.9134ZM16.2104 18.9915L16.1975 18.2416L16.2104 18.9915ZM18.9134 18.6194L19.2004 19.3123H19.2004L18.9134 18.6194ZM19.6125 2.7368L19.2206 3.37628L19.6125 2.7368ZM21.2632 4.38751L21.9027 3.99563V3.99563L21.2632 4.38751ZM4.38751 2.7368L3.99563 2.09732V2.09732L4.38751 2.7368ZM2.7368 4.38751L2.09732 3.99563H2.09732L2.7368 4.38751ZM9.40279 19.2098L9.77986 18.5615L9.77986 18.5615L9.40279 19.2098ZM13.7321 21.7697L14.2742 20.8539L12.9833 20.0898L12.4412 21.0057L13.7321 21.7697ZM9.72579 20.8539L10.2679 21.7697L11.5587 21.0057L11.0166 20.0898L9.72579 20.8539ZM12.4412 21.0057C12.2485 21.3313 11.7515 21.3313 11.5587 21.0057L10.2679 21.7697C11.0415 23.0767 12.9585 23.0767 13.7321 21.7697L12.4412 21.0057ZM10.5 2.75H13.5V1.25H10.5V2.75ZM21.25 10.5V11.5H22.75V10.5H21.25ZM7.8025 18.2416C6.54706 18.2199 5.88923 18.1401 5.37359 17.9265L4.79957 19.3123C5.60454 19.6457 6.52138 19.7197 7.77666 19.7413L7.8025 18.2416ZM1.68769 16.2004C2.27128 17.6093 3.39066 18.7287 4.79957 19.3123L5.3736 17.9265C4.33223 17.4951 3.50486 16.6678 3.07351 15.6264L1.68769 16.2004ZM21.25 11.5C21.25 12.6751 21.2496 13.5189 21.2042 14.1847C21.1592 14.8438 21.0726 15.2736 20.9265 15.6264L22.3123 16.2004C22.5468 15.6344 22.6505 15.0223 22.7007 14.2868C22.7504 13.5581 22.75 12.6546 22.75 11.5H21.25ZM16.2233 19.7413C17.4786 19.7197 18.3955 19.6457 19.2004 19.3123L18.6264 17.9265C18.1108 18.1401 17.4529 18.2199 16.1975 18.2416L16.2233 19.7413ZM20.9265 15.6264C20.4951 16.6678 19.6678 17.4951 18.6264 17.9265L19.2004 19.3123C20.6093 18.7287 21.7287 17.6093 22.3123 16.2004L20.9265 15.6264ZM13.5 2.75C15.1512 2.75 16.337 2.75079 17.2619 2.83873C18.1757 2.92561 18.7571 3.09223 19.2206 3.37628L20.0044 2.09732C19.2655 1.64457 18.4274 1.44279 17.4039 1.34547C16.3915 1.24921 15.1222 1.25 13.5 1.25V2.75ZM22.75 10.5C22.75 8.87781 22.7508 7.6085 22.6545 6.59611C22.5572 5.57256 22.3554 4.73445 21.9027 3.99563L20.6237 4.77938C20.9078 5.24291 21.0744 5.82434 21.1613 6.73809C21.2492 7.663 21.25 8.84876 21.25 10.5H22.75ZM19.2206 3.37628C19.7925 3.72672 20.2733 4.20752 20.6237 4.77938L21.9027 3.99563C21.4286 3.22194 20.7781 2.57144 20.0044 2.09732L19.2206 3.37628ZM10.5 1.25C8.87781 1.25 7.6085 1.24921 6.59611 1.34547C5.57256 1.44279 4.73445 1.64457 3.99563 2.09732L4.77938 3.37628C5.24291 3.09223 5.82434 2.92561 6.73809 2.83873C7.663 2.75079 8.84876 2.75 10.5 2.75V1.25ZM2.75 10.5C2.75 8.84876 2.75079 7.663 2.83873 6.73809C2.92561 5.82434 3.09223 5.24291 3.37628 4.77938L2.09732 3.99563C1.64457 4.73445 1.44279 5.57256 1.34547 6.59611C1.24921 7.6085 1.25 8.87781 1.25 10.5H2.75ZM3.99563 2.09732C3.22194 2.57144 2.57144 3.22194 2.09732 3.99563L3.37628 4.77938C3.72672 4.20752 4.20752 3.72672 4.77938 3.37628L3.99563 2.09732ZM11.0166 20.0898C10.8136 19.7468 10.6354 19.4441 10.4621 19.2063C10.2795 18.9559 10.0702 18.7304 9.77986 18.5615L9.02572 19.8582C9.07313 19.8857 9.13772 19.936 9.24985 20.0898C9.37122 20.2564 9.50835 20.4865 9.72579 20.8539L11.0166 20.0898ZM7.77666 19.7413C8.21575 19.7489 8.49387 19.7545 8.70588 19.7779C8.90399 19.7999 8.98078 19.832 9.02572 19.8582L9.77986 18.5615C9.4871 18.3912 9.18246 18.3215 8.87097 18.287C8.57339 18.2541 8.21375 18.2487 7.8025 18.2416L7.77666 19.7413ZM14.2742 20.8539C14.4916 20.4865 14.6287 20.2564 14.7501 20.0898C14.8622 19.936 14.9268 19.8857 14.9742 19.8582L14.2201 18.5615C13.9298 18.7304 13.7204 18.9559 13.5379 19.2063C13.3646 19.4441 13.1864 19.7468 12.9833 20.0898L14.2742 20.8539ZM16.1975 18.2416C15.7862 18.2487 15.4266 18.2541 15.129 18.287C14.8175 18.3215 14.5129 18.3912 14.2201 18.5615L14.9742 19.8582C15.0192 19.832 15.096 19.7999 15.2941 19.7779C15.5061 19.7545 15.7842 19.7489 16.2233 19.7413L16.1975 18.2416Z" fill="#1C274C"/>
+<path d="M8 11H8.009M11.991 11H12M15.991 11H16" stroke="#1C274C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/public/icon_dot_multi_chat.svg b/public/icon_dot_multi_chat.svg
new file mode 100644
index 0000000..d953006
--- /dev/null
+++ b/public/icon_dot_multi_chat.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.8693 21.5102L11.5147 21.8922L10.8693 21.5102ZM11.1288 21.0719L10.4833 20.6899L11.1288 21.0719ZM8.87121 21.0719L9.51663 20.6899L9.51662 20.6899L8.87121 21.0719ZM9.13064 21.5102L8.48523 21.8922L9.13064 21.5102ZM1.25 12.8C1.25 13.2142 1.58579 13.55 2 13.55C2.41421 13.55 2.75 13.2142 2.75 12.8H1.25ZM2.99739 16.8438C2.83888 16.4611 2.40015 16.2794 2.01747 16.4379C1.63479 16.5964 1.45306 17.0351 1.61157 17.4178L2.99739 16.8438ZM6.28931 19.585L6.31328 18.8354L6.28931 19.585ZM4.46927 19.2956L4.18225 19.9885H4.18225L4.46927 19.2956ZM17.6955 17.1308L18.3884 17.4178L18.3884 17.4178L17.6955 17.1308ZM13.7107 19.585L13.6867 18.8354L13.7107 19.585ZM15.5307 19.2956L15.8177 19.9885L15.5307 19.2956ZM3.91001 6.58944L3.51813 5.94996V5.94996L3.91001 6.58944ZM2.58944 7.91001L1.94996 7.51814H1.94996L2.58944 7.91001ZM7.91637 19.8223L7.53453 20.4679H7.53453L7.91637 19.8223ZM14.8484 6.91393C15.2541 6.99765 15.6508 6.73665 15.7345 6.33099C15.8182 5.92532 15.5572 5.5286 15.1516 5.44489L14.8484 6.91393ZM18.5551 8.84842C18.4714 8.44275 18.0747 8.18176 17.669 8.26548C17.2633 8.34919 17.0024 8.74591 17.0861 9.15158L18.5551 8.84842ZM11.5147 21.8922L11.7742 21.4539L10.4833 20.6899L10.2239 21.1282L11.5147 21.8922ZM8.22579 21.4539L8.48523 21.8922L9.77606 21.1282L9.51663 20.6899L8.22579 21.4539ZM10.2239 21.1282C10.1785 21.2049 10.0992 21.25 9.99998 21.25C9.90074 21.25 9.82147 21.2049 9.77606 21.1282L8.48523 21.8922C9.16217 23.0359 10.8378 23.0359 11.5147 21.8922L10.2239 21.1282ZM8.8 6.75H11.2V5.25H8.8V6.75ZM17.25 12.8V13.6H18.75V12.8H17.25ZM6.31328 18.8354C5.52102 18.81 5.09046 18.7411 4.75628 18.6027L4.18225 19.9885C4.77912 20.2357 5.43744 20.3081 6.26533 20.3346L6.31328 18.8354ZM1.61157 17.4178C2.09367 18.5817 3.01837 19.5064 4.18225 19.9885L4.75628 18.6027C3.95994 18.2728 3.32725 17.6401 2.99739 16.8438L1.61157 17.4178ZM17.25 13.6C17.25 14.5422 17.2496 15.2112 17.2137 15.7376C17.1782 16.2573 17.1107 16.5828 17.0026 16.8438L18.3884 17.4178C18.5848 16.9436 18.6695 16.4357 18.7102 15.8397C18.7504 15.2504 18.75 14.5217 18.75 13.6H17.25ZM13.7346 20.3346C14.5625 20.3081 15.2209 20.2357 15.8177 19.9885L15.2437 18.6027C14.9095 18.7411 14.479 18.81 13.6867 18.8354L13.7346 20.3346ZM17.0026 16.8438C16.6728 17.6401 16.0401 18.2728 15.2437 18.6027L15.8177 19.9885C16.9816 19.5064 17.9063 18.5817 18.3884 17.4178L17.0026 16.8438ZM8.8 5.25C7.50515 5.25 6.48135 5.24921 5.66269 5.32705C4.83287 5.40595 4.13672 5.57089 3.51813 5.94996L4.30188 7.22892C4.64517 7.01855 5.08465 6.88877 5.80467 6.82031C6.53585 6.75079 7.47611 6.75 8.8 6.75V5.25ZM2.75 12.8C2.75 11.4761 2.75079 10.5359 2.82031 9.80468C2.88877 9.08466 3.01855 8.64518 3.22892 8.30189L1.94996 7.51814C1.57089 8.13673 1.40595 8.83288 1.32705 9.6627C1.24921 10.4814 1.25 11.5052 1.25 12.8H2.75ZM3.51813 5.94996C2.87899 6.34163 2.34162 6.879 1.94996 7.51814L3.22892 8.30189C3.4969 7.86458 3.86458 7.4969 4.30188 7.22892L3.51813 5.94996ZM9.51662 20.6899C9.31582 20.3506 9.13969 20.0516 8.96888 19.8164C8.78917 19.569 8.58327 19.3454 8.29822 19.1768L7.53453 20.4679C7.58064 20.4951 7.64427 20.5451 7.75524 20.6979C7.87511 20.863 8.01082 21.0907 8.2258 21.4539L9.51662 20.6899ZM6.26533 20.3346C6.71078 20.3489 6.99552 20.3587 7.21182 20.3851C7.41631 20.41 7.49305 20.4433 7.53453 20.4679L8.29822 19.1768C8.00853 19.0055 7.70371 18.9339 7.39344 18.8961C7.09498 18.8597 6.73177 18.8488 6.31328 18.8354L6.26533 20.3346ZM11.7742 21.4539C11.9891 21.0907 12.1249 20.863 12.2447 20.6979C12.3557 20.5451 12.4193 20.4951 12.4654 20.4679L11.7018 19.1768C11.4167 19.3454 11.2108 19.569 11.0311 19.8164C10.8603 20.0516 10.6841 20.3506 10.4833 20.6899L11.7742 21.4539ZM13.6867 18.8354C13.2682 18.8488 12.905 18.8597 12.6065 18.8961C12.2963 18.9339 11.9914 19.0055 11.7018 19.1768L12.4654 20.4679C12.5069 20.4433 12.5837 20.41 12.7881 20.3851C13.0044 20.3587 13.2892 20.3489 13.7346 20.3346L13.6867 18.8354ZM11.2 6.75C12.9978 6.75 14.0727 6.75386 14.8484 6.91393L15.1516 5.44489C14.1885 5.24614 12.9253 5.25 11.2 5.25V6.75ZM18.75 12.8C18.75 11.0747 18.7539 9.81149 18.5551 8.84842L17.0861 9.15158C17.2461 9.92727 17.25 11.0022 17.25 12.8H18.75Z" fill="#1C274C"/>
+<path d="M7.0332 6C7.08481 5.00787 7.2165 4.33902 7.55255 3.79064C7.86176 3.28605 8.28599 2.86181 8.79058 2.5526C9.69234 2 10.9199 2 13.3749 2H15.6249C17.153 2 18.2056 2 19 2.13325M18 14.7352C18.7477 14.7104 19.2527 14.6437 19.685 14.4646C20.6039 14.084 21.3339 13.354 21.7145 12.4351C21.9999 11.746 21.9999 10.8723 21.9999 9.12503V8.37503C21.9999 6.84695 21.9999 5.79442 21.8667 5" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M6.50928 13H6.51828M10 13H10.009M13.491 13H13.5" stroke="#1C274C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
\ No newline at end of file
diff --git a/public/icon_foot.svg b/public/icon_foot.svg
new file mode 100644
index 0000000..997d2ce
--- /dev/null
+++ b/public/icon_foot.svg
@@ -0,0 +1,7 @@
+<svg width="81" height="86" viewBox="0 0 81 86" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M40.5002 85.9998C58.6256 85.9998 73.3192 72.5721 73.3192 56.0082C73.3192 39.4443 58.6256 26.0166 40.5002 26.0166C22.3747 26.0166 7.68115 39.4443 7.68115 56.0082C7.68115 72.5721 22.3747 85.9998 40.5002 85.9998Z" fill="#FF59A9"/>
+<path d="M39.8017 19.5126C45.5864 19.5126 50.2758 15.1446 50.2758 9.7563C50.2758 4.36804 45.5864 0 39.8017 0C34.0171 0 29.3276 4.36804 29.3276 9.7563C29.3276 15.1446 34.0171 19.5126 39.8017 19.5126Z" fill="#FF59A9"/>
+<path d="M15.7976 32.0933C21.0246 28.7917 23.8441 22.1853 22.0951 17.3375C20.3462 12.4896 14.6912 11.2361 9.46422 14.5376C4.23728 17.8392 1.41778 24.4456 3.16671 29.2934C4.91563 34.1413 10.5707 35.3948 15.7976 32.0933Z" fill="#FF59A9"/>
+<path d="M65.4536 31.4494C70.7484 34.5559 76.3747 33.0933 78.0203 28.1825C79.6659 23.2717 76.7077 16.7724 71.4129 13.6659C66.1182 10.5594 60.4919 12.022 58.8463 16.9328C57.2007 21.8435 60.1589 28.3428 65.4536 31.4494Z" fill="#FF59A9"/>
+<path d="M56 55.5C56 56.8018 54.9447 57.8571 53.6429 57.8571H45.7143C44.0574 57.8571 42.7143 59.2003 42.7143 60.8571V69.7857C42.7143 71.0086 41.7229 72 40.5 72C39.2771 72 38.2857 71.0086 38.2857 69.7857V60.8571C38.2857 59.2003 36.9426 57.8571 35.2857 57.8571H27.3571C26.0553 57.8571 25 56.8018 25 55.5C25 54.1982 26.0553 53.1429 27.3571 53.1429H35.2857C36.9426 53.1429 38.2857 51.7997 38.2857 50.1429V41.2143C38.2857 39.9914 39.2771 39 40.5 39C41.7229 39 42.7143 39.9914 42.7143 41.2143V50.1429C42.7143 51.7997 44.0574 53.1429 45.7143 53.1429H53.6429C54.9447 53.1429 56 54.1982 56 55.5Z" fill="white"/>
+</svg>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 11ed32a..71bcd06 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -24,11 +24,11 @@ const config: Config = withMT({
 		},
 		extend: {
 			colors: {
-				primary: '#FFB8DA',
-				text: '#764242',
-				white: '#FFFFFF',
+				primary: '#FB72B4',
 				secondary: '#FFD4E9',
-				subtext: '#7E7E7E',
+				text: '#FF59A9',
+				fill: '#EFEFEF',
+				bgfill: '#7E7E7E',
 			},
 			backgroundImage: {
 				'trash-can': "url('../public/icon_trash.svg')",