diff --git a/nuxt-frontend/components/home-new/LandingSection.vue b/nuxt-frontend/components/home-new/LandingSection.vue
index 7de709217..fcedf0e49 100644
--- a/nuxt-frontend/components/home-new/LandingSection.vue
+++ b/nuxt-frontend/components/home-new/LandingSection.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="relative bg-gradient-to-t from-pink-300/[0.05] to-white landing-bg-mobile-clip-path md:landing-bg-clip-path overflow-hidden px-0 pb-[3.125rem] md:pb-[6.25rem] 3xl:outer-container"
+    class="relative bg-gradient-to-t from-pink-5 to-white landing-bg-mobile-clip-path md:landing-bg-clip-path overflow-hidden px-0 pb-[3.125rem] md:pb-[6.25rem] 3xl:outer-container"
   >
     <img
       :src="background2100"
diff --git a/nuxt-frontend/tailwind.config.js b/nuxt-frontend/tailwind.config.js
index 75b0c9d7e..e9a914a28 100644
--- a/nuxt-frontend/tailwind.config.js
+++ b/nuxt-frontend/tailwind.config.js
@@ -44,19 +44,20 @@ module.exports = {
           90: "#FFFFFF14",
         },
         pink: {
-          0: "rgba(242, 112, 156, 0)",
+          0: "#f2709c00",
           300: "#f2709c",
-          40: "rgba(242, 112, 156, .04)",
-          80: "rgba(242, 112, 156, .08)",
-          90: "rgba(242, 112, 156, .8)",
-          16: "rgba(242, 112, 156, .16)",
+          40: "#f2709c0a",
+          80: "#f2709c14",
+          90: "#f2709ccc",
+          16: "#f2709c29",
+          5: "#f2709c0d",
         },
         orange: {
           300: "#ff835b",
         },
         slate: {
-          200: "rgb(226, 226, 226)",
-          400: "rgb(141, 138, 138)",
+          200: "#e2e2e2",
+          400: "#8d8a8a",
         },
       },
       borderRadius: {
@@ -66,10 +67,10 @@ module.exports = {
         1: "1px",
       },
       borderColor: {
-        gray: "rgba(0, 0, 0, 0.2)",
+        gray: "#00000033",
       },
       boxShadow: {
-        "3xl": "0px 4px 45px rgba(0, 0, 0, 0.1)",
+        "3xl": "0px 4px 45px #0000001a",
         "4xl": "2px 1000px 1px #3d3d3d inset",
       },
       lineHeight: {