diff --git a/src/app/home/page.tsx b/src/app/home/page.tsx
index 25b436b..e29a037 100644
--- a/src/app/home/page.tsx
+++ b/src/app/home/page.tsx
@@ -59,7 +59,7 @@ const Home = async () => {
     <>
       <Nav pageName="Home"></Nav>
       <div className="flex justify-center">
-        <h1 className="text-3xl font-bold mt-3"> Your Portfolios </h1>
+        <h1 className="text-3xl font-bold mt-3 mb-5"> Your Portfolios </h1>
       </div>
       <CardTiles Portfolios={Portfolios} />
     </>
diff --git a/tailwind.config.js b/tailwind.config.js
index 323d7d1..6e83bab 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -15,6 +15,9 @@ module.exports = {
       colors: {
         brandblue: "#14163d",
         hoverblue: "#3e4073",
+        brandtan: "#d3b488",
+        brandbrown: "#3d1e05",
+        brandmidblue: "#3943b7",
       },
     },
   },