diff --git a/src/entities/profile/ui/ProfileCard/ProfileCard.module.css b/src/entities/profile/ui/ProfileCard/ProfileCard.module.css
index 62758c5..7b9a019 100644
--- a/src/entities/profile/ui/ProfileCard/ProfileCard.module.css
+++ b/src/entities/profile/ui/ProfileCard/ProfileCard.module.css
@@ -1,6 +1,6 @@
 .Container {
     position: relative;
-    background: var(--color-neutral-10);
+    background: var(--color-neutral-100);
     border-radius: 24px;
     padding: 16px;
     display: flex;
@@ -71,7 +71,7 @@
 }
 
 .DetailTable th {
-    color: var(--color-neutral-70);
+    color: var(--color-neutral-700);
     font-weight: 600;
     font-size: 14px;
     line-height: 14px;
@@ -79,7 +79,7 @@
 }
 
 .DetailTable td {
-    color: var(--color-neutral-80);
+    color: var(--color-neutral-800);
     font-weight: 500;
     font-size: 14px;
     line-height: 14px;
diff --git a/src/features/ProfileShare/ProfileShareBottomSheet.module.css b/src/features/ProfileShare/ProfileShareBottomSheet.module.css
index daa80bb..e85c646 100644
--- a/src/features/ProfileShare/ProfileShareBottomSheet.module.css
+++ b/src/features/ProfileShare/ProfileShareBottomSheet.module.css
@@ -16,7 +16,7 @@
   font-weight: 600;
   line-height: 14px;
   text-align: left;
-  color: var(--color-neutral-50);
+  color: var(--color-neutral-500);
 }
 
 .ButtonWrapper {
diff --git a/src/pages/form/confirm/FormConfirmPage.module.css b/src/pages/form/confirm/FormConfirmPage.module.css
index 7e3c445..0f00e46 100644
--- a/src/pages/form/confirm/FormConfirmPage.module.css
+++ b/src/pages/form/confirm/FormConfirmPage.module.css
@@ -21,7 +21,7 @@
 
     & small {
         font-size: 14px;
-        color: var(--color-neutral-50);
+        color: var(--color-neutral-500);
     }
 }
 
diff --git a/src/pages/form/ideal_partner/IdealPartnerPage.module.css b/src/pages/form/ideal_partner/IdealPartnerPage.module.css
index cf17646..ae0cbd5 100644
--- a/src/pages/form/ideal_partner/IdealPartnerPage.module.css
+++ b/src/pages/form/ideal_partner/IdealPartnerPage.module.css
@@ -13,7 +13,7 @@
 .FormCount {
   font-weight: 500;
   font-size: 16px;
-  color: var(--color-neutral-40);
+  color: var(--color-neutral-400);
 }
 
 .Description {
@@ -22,7 +22,7 @@
   font-weight: 500;
   font-size: 14px;
   line-height: 24px;
-  color: var(--color-neutral-50);
+  color: var(--color-neutral-500);
 
   & strong {
     font-size: 14px;
diff --git a/src/pages/form/intro/ProfileFormIntroPage.module.css b/src/pages/form/intro/ProfileFormIntroPage.module.css
index a7c855c..f8a812d 100644
--- a/src/pages/form/intro/ProfileFormIntroPage.module.css
+++ b/src/pages/form/intro/ProfileFormIntroPage.module.css
@@ -29,7 +29,7 @@
   & a {
     font-weight: 500;
     font-size: 16px;
-    color: var(--color-neutral-50);
+    color: var(--color-neutral-500);
     text-decoration: none;
   }
 
diff --git a/src/pages/form/my_profile/MyProfilePage.module.css b/src/pages/form/my_profile/MyProfilePage.module.css
index 242f1a3..7ad8241 100644
--- a/src/pages/form/my_profile/MyProfilePage.module.css
+++ b/src/pages/form/my_profile/MyProfilePage.module.css
@@ -11,7 +11,7 @@
 .FormCount {
   font-weight: 500;
   font-size: 16px;
-  color: var(--color-neutral-40);
+  color: var(--color-neutral-400);
 }
 
 .Description {
@@ -20,7 +20,7 @@
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
-  color: var(--color-neutral-50);
+  color: var(--color-neutral-500);
 
   & strong {
     font-size: 14px;
diff --git a/src/pages/layout/WideDeviceLayout.module.css b/src/pages/layout/WideDeviceLayout.module.css
index 4b4b45d..c92a248 100644
--- a/src/pages/layout/WideDeviceLayout.module.css
+++ b/src/pages/layout/WideDeviceLayout.module.css
@@ -2,7 +2,7 @@
   position: relative;
   width: 100dvw;
   height: 100dvh;
-  background-color: var(--color-neutral-10);
+  background-color: var(--color-neutral-100);
   display: grid;
   grid-template-columns: 1fr minmax(auto, 480px) 1fr;
 }
diff --git a/src/pages/main/onboarding/OnboardingPage.module.css b/src/pages/main/onboarding/OnboardingPage.module.css
index 21d4746..17d22c6 100644
--- a/src/pages/main/onboarding/OnboardingPage.module.css
+++ b/src/pages/main/onboarding/OnboardingPage.module.css
@@ -48,7 +48,7 @@
         width: 10px;
         height: 10px;
         border-radius: 50%;
-        background-color: var(--color-neutral-30);
+        background-color: var(--color-neutral-300);
     }
 
     & li[data-selected=true]:before {
diff --git a/src/pages/mypage/MyPage.module.css b/src/pages/mypage/MyPage.module.css
index 8011158..688d2d8 100644
--- a/src/pages/mypage/MyPage.module.css
+++ b/src/pages/mypage/MyPage.module.css
@@ -43,7 +43,7 @@
 .Logout {
     font-weight: 600;
     font-size: 14px;
-    color: var(--color-neutral-70);
+    color: var(--color-neutral-700);
 
     margin-top: 32px;
     margin-left: 20px;
diff --git a/src/pages/profile/ProfilePage.module.css b/src/pages/profile/ProfilePage.module.css
index d2edbbc..28c4e04 100644
--- a/src/pages/profile/ProfilePage.module.css
+++ b/src/pages/profile/ProfilePage.module.css
@@ -23,7 +23,7 @@
 }
 
 .DeleteButton {
-    color: var(--color-neutral-60) !important;
+    color: var(--color-neutral-600) !important;
 }
 
 .DeleteModal {
@@ -58,7 +58,7 @@
 
 .ImageLayout {
     width: 100%;
-    background-color: var(--color-neutral-10);
+    background-color: var(--color-neutral-100);
 
     display: grid;
     overflow: hidden;
diff --git a/src/pages/shared_profile/components/ExpiredDateTimer.module.css b/src/pages/shared_profile/components/ExpiredDateTimer.module.css
index d84d8f2..09b0273 100644
--- a/src/pages/shared_profile/components/ExpiredDateTimer.module.css
+++ b/src/pages/shared_profile/components/ExpiredDateTimer.module.css
@@ -1,6 +1,6 @@
 .Box {
   padding: 15px 20px;
-  background-color: var(--color-neutral-70);
+  background-color: var(--color-neutral-700);
 
   display: flex;
   justify-content: space-between;
@@ -35,7 +35,7 @@
   transform: translateX(-50%);
   width: max-content;
 
-  background-color: var(--color-neutral-70);
+  background-color: var(--color-neutral-700);
   border-radius: 48px;
 
   display: flex;
diff --git a/src/processes/ideal_partner/HeightStyleForm/HeightStyleForm.module.css b/src/processes/ideal_partner/HeightStyleForm/HeightStyleForm.module.css
index 7e59922..61b8a1c 100644
--- a/src/processes/ideal_partner/HeightStyleForm/HeightStyleForm.module.css
+++ b/src/processes/ideal_partner/HeightStyleForm/HeightStyleForm.module.css
@@ -25,5 +25,5 @@
 .PictureLabelDescription {
   font-weight: 500;
   font-size: 14px;
-  color: var(--color-neutral-50);
+  color: var(--color-neutral-500);
 }
\ No newline at end of file
diff --git a/src/processes/ideal_partner/LocationForm/LocationForm.module.css b/src/processes/ideal_partner/LocationForm/LocationForm.module.css
index 0180913..919310d 100644
--- a/src/processes/ideal_partner/LocationForm/LocationForm.module.css
+++ b/src/processes/ideal_partner/LocationForm/LocationForm.module.css
@@ -24,7 +24,7 @@
     display: grid;
     grid-template-columns: auto 1fr;
 
-    border: 2px solid var(--color-neutral-30);
+    border: 2px solid var(--color-neutral-300);
     border-left: none;
     border-right: none;
 
diff --git a/src/processes/my_profile/LocationForm/LocationForm.module.css b/src/processes/my_profile/LocationForm/LocationForm.module.css
index 0180913..919310d 100644
--- a/src/processes/my_profile/LocationForm/LocationForm.module.css
+++ b/src/processes/my_profile/LocationForm/LocationForm.module.css
@@ -24,7 +24,7 @@
     display: grid;
     grid-template-columns: auto 1fr;
 
-    border: 2px solid var(--color-neutral-30);
+    border: 2px solid var(--color-neutral-300);
     border-left: none;
     border-right: none;
 
diff --git a/src/processes/my_profile/MbtiForm/MbtiForm.module.css b/src/processes/my_profile/MbtiForm/MbtiForm.module.css
index efb36aa..587e448 100644
--- a/src/processes/my_profile/MbtiForm/MbtiForm.module.css
+++ b/src/processes/my_profile/MbtiForm/MbtiForm.module.css
@@ -10,7 +10,7 @@
 }
 
 .MbtiResult {
-    border-bottom: 1px solid var(--color-neutral-80);
+    border-bottom: 1px solid var(--color-neutral-800);
     padding: 8px;
     font-weight: 500;
     font-size: 16px;
@@ -22,7 +22,7 @@
             content: '.';
             color: transparent;
         }
-        border-color: var(--color-neutral-30);
+        border-color: var(--color-neutral-300);
     }
 }
 
@@ -48,7 +48,7 @@
     font-weight: 600;
     font-size: 24px;
     line-height: 24px;
-    color: var(--color-neutral-30);
+    color: var(--color-neutral-300);
 
     cursor: pointer;
 
diff --git a/src/processes/my_profile/PersonalInfoForm/PersonalInfoForm.module.css b/src/processes/my_profile/PersonalInfoForm/PersonalInfoForm.module.css
index 5020494..9ee48cf 100644
--- a/src/processes/my_profile/PersonalInfoForm/PersonalInfoForm.module.css
+++ b/src/processes/my_profile/PersonalInfoForm/PersonalInfoForm.module.css
@@ -14,7 +14,7 @@
   font-weight: 500;
   font-size: 14px;
   line-height: 21px;
-  color: var(--color-neutral-50);
+  color: var(--color-neutral-500);
 
   & strong {
     font-size: 14px;
diff --git a/src/processes/my_profile/QuestionForm/FormContent.module.css b/src/processes/my_profile/QuestionForm/FormContent.module.css
index d361d59..ed97a9f 100644
--- a/src/processes/my_profile/QuestionForm/FormContent.module.css
+++ b/src/processes/my_profile/QuestionForm/FormContent.module.css
@@ -6,7 +6,7 @@
     padding-bottom: 30px;
 
     & label > span {
-        color: var(--color-neutral-90);
+        color: var(--color-neutral-900);
         display: block;
         margin-bottom: 8px;
     }
@@ -18,7 +18,7 @@
     gap: 8px;
 
     & small {
-        color: var(--color-neutral-50);
+        color: var(--color-neutral-500);
         font-size: 14px;
     }
 }
diff --git a/src/processes/shortcut/Shortcut.module.css b/src/processes/shortcut/Shortcut.module.css
index ab58b94..14f2892 100644
--- a/src/processes/shortcut/Shortcut.module.css
+++ b/src/processes/shortcut/Shortcut.module.css
@@ -4,7 +4,7 @@
     height: 48px;
     width: 48px;
     border-radius: 50%;
-    background-color: var(--color-neutral-20);
+    background-color: var(--color-neutral-200);
 
     position: absolute;
     right: 20px;
@@ -50,7 +50,7 @@
     font-size: 14px;
     font-weight: 600;
     margin-bottom: 6px;
-    color: var(--color-neutral-60);
+    color: var(--color-neutral-600);
 }
 
 .MenuSection {
@@ -79,7 +79,7 @@
     font-weight: 500;
     font-size: 14px;
     line-height: 24px;
-    color: var(--color-neutral-50);
+    color: var(--color-neutral-500);
 
     & strong {
         font-size: 14px;
diff --git a/src/shared/styles/typography.css b/src/shared/styles/typography.css
index a40d356..7a71b6c 100644
--- a/src/shared/styles/typography.css
+++ b/src/shared/styles/typography.css
@@ -2,7 +2,7 @@ h2 {
     font-size: 20px;
     font-weight: 600;
     text-align: left;
-    color: var(--color-neutral-90);
+    color: var(--color-neutral-900);
     line-height: 30px;
 }
 
@@ -10,7 +10,7 @@ h3 {
     font-size: 14px;
     font-weight: 600;
     text-align: left;
-    color: var(--color-neutral-90);
+    color: var(--color-neutral-900);
     line-height: 21px;
 }
 
@@ -18,13 +18,13 @@ label {
     font-size: 14px;
     font-weight: 600;
     text-align: left;
-    color: var(--color-neutral-60);
+    color: var(--color-neutral-600);
     line-height: 14px;
 }
 
 label.strong {
     font-size: 16px;
-    color: var(--color-neutral-90);
+    color: var(--color-neutral-900);
     line-height: 16px;
 }
 
@@ -32,13 +32,13 @@ legend {
     font-size: 14px;
     font-weight: 600;
     text-align: left;
-    color: var(--color-neutral-40);
+    color: var(--color-neutral-400);
     line-height: 14px;
 }
 
 legend.strong {
     font-size: 16px;
-    color: var(--color-neutral-90);
+    color: var(--color-neutral-900);
     line-height: 16px;
 }
 
@@ -59,7 +59,7 @@ ul {
     font-size: 16px;
     font-weight: 500;
     line-height: 24px;
-    color: var(--color-neutral-90);
+    color: var(--color-neutral-900);
     list-style-position: outside;
     padding-left:  20px;
 }
@@ -67,14 +67,14 @@ ul {
 p {
     font-size: 16px;
     font-weight: 500;
-    color: var(--color-neutral-90);
+    color: var(--color-neutral-900);
     line-height: 24px;
 
     &.label {
         font-size: 14px;
         font-weight: 600;
         text-align: left;
-        color: var(--color-neutral-60);
+        color: var(--color-neutral-600);
         line-height: 14px;
     }
 }
diff --git a/src/shared/styles/variables.css b/src/shared/styles/variables.css
index 213cbe9..e4baccc 100644
--- a/src/shared/styles/variables.css
+++ b/src/shared/styles/variables.css
@@ -2,15 +2,15 @@
     --color-primary: #d752ff;
     --color-positive: #3bb5a3;
     --color-negative: #f35b5b;
-    --color-neutral-90: #121113;
-    --color-neutral-80: #333036;
-    --color-neutral-70: #534e55;
-    --color-neutral-60: #726d74;
-    --color-neutral-50: #918b92;
-    --color-neutral-40: #afaab1;
-    --color-neutral-30: #cdcace;
-    --color-neutral-20: #ebeaeb;
-    --color-neutral-10: #f5f5f5;
+    --color-neutral-900: #121113;
+    --color-neutral-800: #333036;
+    --color-neutral-700: #534e55;
+    --color-neutral-600: #726d74;
+    --color-neutral-500: #918b92;
+    --color-neutral-400: #afaab1;
+    --color-neutral-300: #cdcace;
+    --color-neutral-200: #ebeaeb;
+    --color-neutral-100: #f5f5f5;
     --color-neutral-0: #fff;
 
     --z-index-bottomsheet: 10;
diff --git a/src/shared/ui/Accordion/Accordion.module.css b/src/shared/ui/Accordion/Accordion.module.css
index 7f52b88..0b687cf 100644
--- a/src/shared/ui/Accordion/Accordion.module.css
+++ b/src/shared/ui/Accordion/Accordion.module.css
@@ -2,7 +2,7 @@
     font-size: 16px;
     font-weight: 600;
     line-height: 0;
-    color: var(--color-neutral-90);
+    color: var(--color-neutral-900);
 
     width: 100%;
 
diff --git a/src/shared/ui/Avatar/Avatar.module.css b/src/shared/ui/Avatar/Avatar.module.css
index e05b969..7f2d9ec 100644
--- a/src/shared/ui/Avatar/Avatar.module.css
+++ b/src/shared/ui/Avatar/Avatar.module.css
@@ -10,7 +10,7 @@
     position: relative;
     overflow: hidden;
     border-radius: 16px;
-    background-color: var(--color-neutral-10);
+    background-color: var(--color-neutral-100);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -29,7 +29,7 @@
                 rgba(255, 255, 255, 0) 40%,
                 rgba(255, 255, 255, .5) 50%,
                 rgba(255, 255, 255, 0) 60%
-        ) var(--color-neutral-10);
+        ) var(--color-neutral-100);
         background-size: 200% 100%;
         background-position-x: 180%;
         animation: 1s shine ease-in-out infinite;
diff --git a/src/shared/ui/Button/Button.module.css b/src/shared/ui/Button/Button.module.css
index 1b56ad6..279ad96 100644
--- a/src/shared/ui/Button/Button.module.css
+++ b/src/shared/ui/Button/Button.module.css
@@ -10,11 +10,11 @@
 
 .Button:not(:disabled)[data-variant='filled'] {
     &[data-color='primary'] {
-        background-color: var(--color-neutral-90);
+        background-color: var(--color-neutral-900);
         color: var(--color-primary);
     }
     &[data-color='neutral'] {
-        background-color: var(--color-neutral-20);
+        background-color: var(--color-neutral-200);
         color: #fff;
     }
 }
@@ -24,22 +24,22 @@
         color: var(--color-primary);
     }
     &[data-color='neutral'] {
-        border: 1px solid var(--color-neutral-30);
-        color: var(--color-neutral-90);
+        border: 1px solid var(--color-neutral-300);
+        color: var(--color-neutral-900);
     }
 }
 .Button:not(:disabled)[data-variant='ghost'] {
-    color: var(--color-neutral-90);
+    color: var(--color-neutral-900);
     &[data-color='primary'] {
         color: var(--color-primary);
     }
     &[data-color='neutral'] {
-        color: var(--color-neutral-90);
+        color: var(--color-neutral-900);
     }
 }
 .Button:disabled {
-    color: var(--color-neutral-30);
-    background-color: var(--color-neutral-20);
+    color: var(--color-neutral-300);
+    background-color: var(--color-neutral-200);
 
     &[data-variant='ghost'] {
         background-color: transparent;
diff --git a/src/shared/ui/Carousel/Carousel.module.css b/src/shared/ui/Carousel/Carousel.module.css
index 68eaca9..71560f5 100644
--- a/src/shared/ui/Carousel/Carousel.module.css
+++ b/src/shared/ui/Carousel/Carousel.module.css
@@ -14,7 +14,7 @@
     width: 10px;
     height: 10px;
     display: block;
-    background-color: var(--color-neutral-30);
+    background-color: var(--color-neutral-300);
     border-radius: 20px;
     opacity: 1;
   }
diff --git a/src/shared/ui/CheckBox/CheckBox.module.css b/src/shared/ui/CheckBox/CheckBox.module.css
index fb43ea1..f69d84f 100644
--- a/src/shared/ui/CheckBox/CheckBox.module.css
+++ b/src/shared/ui/CheckBox/CheckBox.module.css
@@ -7,7 +7,7 @@
     font-weight: 500;
     font-size: 14px;
     line-height: 14px;
-    color: var(--color-neutral-90);
+    color: var(--color-neutral-900);
     display: flex;
     align-items: center;
     gap: 8px;
@@ -38,7 +38,7 @@
          width: 18px;
          height: 18px;
          border-radius: 50%;
-         background-color: var(--color-neutral-30);
+         background-color: var(--color-neutral-300);
      }
 
     &:checked + label::before {
diff --git a/src/shared/ui/Chip/Chip.module.css b/src/shared/ui/Chip/Chip.module.css
index 9cf74a3..0b66ca2 100644
--- a/src/shared/ui/Chip/Chip.module.css
+++ b/src/shared/ui/Chip/Chip.module.css
@@ -1,11 +1,11 @@
 .Chip {
-  color: var(--color-neutral-90) !important;
+  color: var(--color-neutral-900) !important;
   font-size: 14px;
   font-weight: 400;
 }
 
 .NonButtonChip {
-  border: 1px solid var(--color-neutral-30);
+  border: 1px solid var(--color-neutral-300);
   border-radius: 40px;
   padding: 8px 12px;
   user-select: none;
diff --git a/src/shared/ui/ConfirmModal/ConfirmModal.module.css b/src/shared/ui/ConfirmModal/ConfirmModal.module.css
index 77baeb5..d52b132 100644
--- a/src/shared/ui/ConfirmModal/ConfirmModal.module.css
+++ b/src/shared/ui/ConfirmModal/ConfirmModal.module.css
@@ -19,7 +19,7 @@
     width: 100%;
     height: 100%;
 
-    background-color: var(--color-neutral-90);
+    background-color: var(--color-neutral-900);
     opacity: 50%;
 }
 
@@ -56,7 +56,7 @@
 }
 
 .CancelButton {
-    border-color: var(--color-neutral-90) !important;
+    border-color: var(--color-neutral-900) !important;
 }
 
 .ButtonWrapper {
diff --git a/src/shared/ui/IconBoxButton/IconBoxButton.module.css b/src/shared/ui/IconBoxButton/IconBoxButton.module.css
index 55d5063..2cf3239 100644
--- a/src/shared/ui/IconBoxButton/IconBoxButton.module.css
+++ b/src/shared/ui/IconBoxButton/IconBoxButton.module.css
@@ -1,7 +1,7 @@
 .Button {
   border: none;
   outline: none;
-  background-color: var(--color-neutral-10);
+  background-color: var(--color-neutral-100);
   border-radius: 16px;
 
   display: flex;
diff --git a/src/shared/ui/ImageLayout/ImageLayout.module.css b/src/shared/ui/ImageLayout/ImageLayout.module.css
index b4ae142..37af7cf 100644
--- a/src/shared/ui/ImageLayout/ImageLayout.module.css
+++ b/src/shared/ui/ImageLayout/ImageLayout.module.css
@@ -3,7 +3,7 @@
   width: 100%;
   max-width: min(480px, 100vw);
   height: 256px;
-  background-color: var(--color-neutral-10);
+  background-color: var(--color-neutral-100);
 
   overflow: hidden;
 
diff --git a/src/shared/ui/InfoBox/InfoBox.module.css b/src/shared/ui/InfoBox/InfoBox.module.css
index b5deb83..423b01b 100644
--- a/src/shared/ui/InfoBox/InfoBox.module.css
+++ b/src/shared/ui/InfoBox/InfoBox.module.css
@@ -2,7 +2,7 @@
     width: 100%;
     border-radius: 24px;
     padding: 16px;
-    background-color: var(--color-neutral-10);
+    background-color: var(--color-neutral-100);
 }
 
 .Container.RadiusS {
diff --git a/src/shared/ui/Input/Input.module.css b/src/shared/ui/Input/Input.module.css
index 5c5d9c9..33e057b 100644
--- a/src/shared/ui/Input/Input.module.css
+++ b/src/shared/ui/Input/Input.module.css
@@ -1,11 +1,11 @@
 .Container {
-    border-bottom: 1px solid var(--color-neutral-30);
+    border-bottom: 1px solid var(--color-neutral-300);
     padding: 12px 8px;
     display: flex;
 }
 
 .Container:focus-within {
-    border-color: var(--color-neutral-90);
+    border-color: var(--color-neutral-900);
 }
 
 .Input {
@@ -15,13 +15,13 @@
     font-weight: 500;
     font-size: 16px;
     line-height: 16px;
-    color: var(--color-neutral-90);
+    color: var(--color-neutral-900);
 
     &::placeholder {
         font-weight: 600;
         font-size: 16px;
         line-height: 16px;
-        color: var(--color-neutral-30);
+        color: var(--color-neutral-300);
     }
 }
 
@@ -30,5 +30,5 @@
     font-weight: 600;
     font-size: 16px;
     line-height: 16px;
-    color: var(--color-neutral-90);
+    color: var(--color-neutral-900);
 }
\ No newline at end of file
diff --git a/src/shared/ui/Profile/Profile.module.css b/src/shared/ui/Profile/Profile.module.css
index 6272cc0..1628f1b 100644
--- a/src/shared/ui/Profile/Profile.module.css
+++ b/src/shared/ui/Profile/Profile.module.css
@@ -24,7 +24,7 @@
 .CellHeaderTitle {
     font-weight: 600;
     font-size: 14px;
-    color: var(--color-neutral-60);
+    color: var(--color-neutral-600);
 }
 
 .ChipList {
diff --git a/src/shared/ui/Radio/Radio.module.css b/src/shared/ui/Radio/Radio.module.css
index eb12d82..0ae36c4 100644
--- a/src/shared/ui/Radio/Radio.module.css
+++ b/src/shared/ui/Radio/Radio.module.css
@@ -6,7 +6,7 @@
     font-size: 16px;
     line-height: 16px;
     padding: 12px 0;
-    color: var(--color-neutral-90);
+    color: var(--color-neutral-900);
     width: 100%;
 }
 
diff --git a/src/shared/ui/RangeSlider/RangeSlider.module.css b/src/shared/ui/RangeSlider/RangeSlider.module.css
index 6c07bec..22067c0 100644
--- a/src/shared/ui/RangeSlider/RangeSlider.module.css
+++ b/src/shared/ui/RangeSlider/RangeSlider.module.css
@@ -1,11 +1,11 @@
 .Slider {
     width: 100%;
-    background-color: var(--color-neutral-30);
+    background-color: var(--color-neutral-300);
     border-radius: 0;
     height: 4px;
 
     & > :last-child {
-        background-color: var(--color-neutral-90);
+        background-color: var(--color-neutral-900);
     }
 
     & > [role="slider"] {
diff --git a/src/shared/ui/ScrollView/ScrollView.module.css b/src/shared/ui/ScrollView/ScrollView.module.css
index 289389e..120d382 100644
--- a/src/shared/ui/ScrollView/ScrollView.module.css
+++ b/src/shared/ui/ScrollView/ScrollView.module.css
@@ -13,6 +13,6 @@
 }
 
 .Thumb {
-  background-color: var(--color-neutral-30);
+  background-color: var(--color-neutral-300);
   border-radius: 8px;
 }
\ No newline at end of file
diff --git a/src/shared/ui/Select/Select.module.css b/src/shared/ui/Select/Select.module.css
index 48b0475..66a4c53 100644
--- a/src/shared/ui/Select/Select.module.css
+++ b/src/shared/ui/Select/Select.module.css
@@ -11,7 +11,7 @@
     outline: none;
 
     border: none;
-    border-bottom: 1px solid var(--color-neutral-90);
+    border-bottom: 1px solid var(--color-neutral-900);
     padding: 16px 3px 16px 0;
 
     font-weight: 500;
@@ -22,8 +22,8 @@
     align-items: center;
 
     &:invalid {
-        border-color: var(--color-neutral-30);
-        color: var(--color-neutral-30);
+        border-color: var(--color-neutral-300);
+        color: var(--color-neutral-300);
     }
 
     & > span:first-child {
@@ -48,7 +48,7 @@
     outline: none;
 
     &[data-state='checked'] {
-        background-color: var(--color-neutral-10);
+        background-color: var(--color-neutral-100);
     }
 }
 
diff --git a/src/shared/ui/Tab/Tab.module.css b/src/shared/ui/Tab/Tab.module.css
index 3244247..b4d9ac7 100644
--- a/src/shared/ui/Tab/Tab.module.css
+++ b/src/shared/ui/Tab/Tab.module.css
@@ -18,10 +18,10 @@
     font-weight: 500;
     line-height: 16px;
     text-align: center;
-    color: var(--color-neutral-30);
+    color: var(--color-neutral-300);
 
     &[aria-selected=true] {
-        color: var(--color-neutral-90);
-        border-bottom: 2px solid var(--color-neutral-90);
+        color: var(--color-neutral-900);
+        border-bottom: 2px solid var(--color-neutral-900);
     }
 }
diff --git a/src/shared/ui/TextArea/TextArea.module.css b/src/shared/ui/TextArea/TextArea.module.css
index b00ee1f..295014d 100644
--- a/src/shared/ui/TextArea/TextArea.module.css
+++ b/src/shared/ui/TextArea/TextArea.module.css
@@ -1,5 +1,5 @@
 .Container {
-    border: 1px solid var(--color-neutral-30);
+    border: 1px solid var(--color-neutral-300);
     border-radius: 8px;
     overflow: hidden;
     display: flex;
@@ -22,7 +22,7 @@
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
-    color: var(--color-neutral-90);
+    color: var(--color-neutral-900);
 
     &::-webkit-scrollbar {
         width: 6px;
@@ -38,7 +38,7 @@
         background-color: transparent;
     }
     &::-webkit-scrollbar-thumb {
-        background-color: var(--color-neutral-30);
+        background-color: var(--color-neutral-300);
     }
 }
 
@@ -46,6 +46,6 @@
 .TextLength {
     font-size: 14px;
     font-weight: 600;
-    color: var(--color-neutral-60);
+    color: var(--color-neutral-600);
     padding: 12px 0 12px 16px;
 }
\ No newline at end of file
diff --git a/src/widgets/GenerateFormLink/GenerateFormLink.module.css b/src/widgets/GenerateFormLink/GenerateFormLink.module.css
index 2c8b15e..f11051c 100644
--- a/src/widgets/GenerateFormLink/GenerateFormLink.module.css
+++ b/src/widgets/GenerateFormLink/GenerateFormLink.module.css
@@ -28,7 +28,7 @@
   font-weight: 600;
   line-height: 14px;
   text-align: left;
-  color: var(--color-neutral-50);
+  color: var(--color-neutral-500);
 }
 
 .ButtonWrapper {
@@ -57,6 +57,6 @@
   & > p {
     font-size: 14px;
     font-weight: 600;
-    color: var(--color-neutral-90);
+    color: var(--color-neutral-900);
   }
 }
\ No newline at end of file
diff --git a/src/widgets/LocationSelectTable/LocationSelectTable.module.css b/src/widgets/LocationSelectTable/LocationSelectTable.module.css
index 324c8d8..de7fdce 100644
--- a/src/widgets/LocationSelectTable/LocationSelectTable.module.css
+++ b/src/widgets/LocationSelectTable/LocationSelectTable.module.css
@@ -4,7 +4,7 @@
   flex-grow: 1;
   overflow: hidden;
 
-  border: 2px solid var(--color-neutral-30);
+  border: 2px solid var(--color-neutral-300);
   border-left: none;
   border-right: none;
 
@@ -20,7 +20,7 @@
 }
 
 .MainCategoryColumn {
-  border-right: 1px solid var(--color-neutral-30);
+  border-right: 1px solid var(--color-neutral-300);
   width: 104px;
 }
 
@@ -41,14 +41,14 @@
   cursor: pointer;
 
   &:not(:last-child) {
-    border-bottom: 1px solid var(--color-neutral-30);
+    border-bottom: 1px solid var(--color-neutral-300);
   }
 }
 
 .MainCategory {
   &:not([aria-selected=true]) {
-    background-color: var(--color-neutral-10);
-    color: var(--color-neutral-30);
+    background-color: var(--color-neutral-100);
+    color: var(--color-neutral-300);
   }
 }