diff --git a/src/index.css b/src/index.css
index 78cb325..67ebf15 100644
--- a/src/index.css
+++ b/src/index.css
@@ -24,51 +24,51 @@
   .text-display1 {
     font-family: "Proxima Nova";
     font-weight: bold;
-    font-size: 64px;
+    font-size: 4rem;
   }
   .text-display2 {
     font-family: "Proxima Nova";
     font-weight: bold;
-    font-size: 56px;
+    font-size: 3.5rem;
   }
   .text-h1 {
     font-family: "Proxima Nova";
     font-weight: bold;
-    font-size: 40px;
+    font-size: 2.5rem;
   }
   .text-h2 {
     font-family: "Proxima Nova";
     font-weight: bold;
-    font-size: 32px;
+    font-size: 2rem;
   }
   .text-h3 {
     font-family: "Proxima Nova";
     font-weight: bold;
-    font-size: 24px;
+    font-size: 1.5rem;
   }
   .text-h4 {
     font-family: "Proxima Nova";
     font-weight: bold;
-    font-size: 16px;
+    font-size: 1rem;
   }
   .text-body-reg {
     font-family: "Helvetica Now Display";
     font-weight: normal;
-    font-size: 16px;
+    font-size: 1rem;
   }
   .text-body-sm {
     font-family: "Helvetica Now Display";
     font-weight: normal;
-    font-size: 14px;
+    font-size: 0.875rem;
   }
   .text-sm {
     font-family: "Helvetica Now Display";
     font-weight: normal;
-    font-size: 12px;
+    font-size: 0.75rem;
   }
   .text-tiny {
     font-family: "Helvetica Now Display";
     font-weight: normal;
-    font-size: 10px;
+    font-size: 0.625rem;
   }
 }
diff --git a/src/routes/Test.tsx b/src/routes/Test.tsx
index 60c0faa..475f8e6 100644
--- a/src/routes/Test.tsx
+++ b/src/routes/Test.tsx
@@ -17,6 +17,8 @@ function Test() {
         <TestSquare className={"bg-primary-main"} />
         <TestSquare className={"bg-secondary-main"} />
         <TestSquare className={"bg-accent"} />
+        <TestSquare className={"bg-profile-jade"} />
+        <TestSquare className={"bg-profile-tulip"} />
       </div>
     </div>
   );
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index f73b574..214713f 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -53,6 +53,16 @@ module.exports = {
             500: "#E4E4EB",
           },
         },
+        profile: {
+          tulip: "#F68F8F",
+          gold: "#F1C38D",
+          lime: "#F4FAAE",
+          jade: "#B8F1B6",
+          water: "#D0E4FF",
+          air: "#A7E4FC",
+          lilac: "#E6BFFF",
+          candy: "#F6AEDE",
+        },
       },
       fontFamily: {
         display: ['"Proxima Nova"', "sans-serif"],