diff --git a/components/CommunitySection.tsx b/components/CommunitySection.tsx
index ad171dc..6a1ebbc 100644
--- a/components/CommunitySection.tsx
+++ b/components/CommunitySection.tsx
@@ -244,7 +244,7 @@ const CommunitySection = () => {
                 <h2 className="mb-6 leading-tight font-semibold font-heading lg:text-5xl md:text-4xl sm:text-4xl xs:text-3xl">
                   Even better together.
                 </h2>
-                <p className="mb-8 text-gray-400 leading-relaxed lg:text-2xl md:text-2xl sm:text-2xl xs:text-lg">
+                <p className="mb-8 text-white text-opacity-50 leading-relaxed lg:text-2xl md:text-2xl sm:text-2xl xs:text-lg">
                   Mango wants to merge the liquidity and usability of CeFi with
                   the permissionless innovation of DeFi. All our work is open
                   source for anyone to use and contribute.
diff --git a/components/FooterSection.tsx b/components/FooterSection.tsx
index 28e5789..50d829b 100644
--- a/components/FooterSection.tsx
+++ b/components/FooterSection.tsx
@@ -64,7 +64,7 @@ const FooterSection = () => {
               )}
             </form>
             <div className="w-full mt-4">
-              <p className="text-xl text-gray-400">
+              <p className="text-xl text-white text-opacity-50">
                 We promise to never spam and only send alpha.
               </p>
             </div>
@@ -214,7 +214,7 @@ const FooterSection = () => {
               </div>
             </div>
             <div className="pt-8">
-              <p className="lg:text-center text-sm text-gray-400">
+              <p className="lg:text-center text-sm text-white text-opacity-20">
                 All rights reserved &copy; Blockworks Foundation 2021
               </p>
             </div>
diff --git a/components/HeroSectionHome.tsx b/components/HeroSectionHome.tsx
index 172e04e..2df9a51 100644
--- a/components/HeroSectionHome.tsx
+++ b/components/HeroSectionHome.tsx
@@ -47,7 +47,7 @@ const HeroSectionHome = () => {
                       Long &amp; short everything.
                     </h1>
 
-                    <p className="mb-8 text-gray-400 lg:text-2xl md:text-2xl sm:text-2xl xs:text-lg">
+                    <p className="mb-8 text-white text-opacity-50 lg:text-2xl md:text-2xl sm:text-2xl xs:text-lg">
                       Lightning fast{' '}
                       <span className="text-yellow-300 font-bold">·</span>{' '}
                       Near-zero fees{' '}
@@ -65,7 +65,7 @@ const HeroSectionHome = () => {
                     </div>
 
                     <div className="mt-5 w-full sm:mx-auto sm:max-w-lg lg:ml-0 md:w-1/2 sm:w-1/2">
-                      <p className="mt-16 py-4 text-sm text-gray-400 uppercase tracking-wide font-semibold sm:mt-16">
+                      <p className="mt-16 py-4 text-sm text-white text-opacity-50 uppercase tracking-wide font-semibold sm:mt-16">
                         Powered by
                       </p>
                       <div className="flex">
diff --git a/components/HeroSectionMarkets.tsx b/components/HeroSectionMarkets.tsx
index 3462f8d..386a3df 100644
--- a/components/HeroSectionMarkets.tsx
+++ b/components/HeroSectionMarkets.tsx
@@ -11,7 +11,7 @@ const HeroSectionMarkets = () => {
               <h2 className="mb-3 lg:text-5xl md:text-4xl sm:text-4xl xs:text-3xl text-white font-bold font-heading">
                 A better trading experience. {' '}
               </h2>
-              <p className="text-gray-400 lg:text-2xl md:text-2xl sm:text-2xl xs:text-lg">
+              <p className="text-white text-opacity-50 lg:text-2xl md:text-2xl sm:text-2xl xs:text-lg">
                 The Mango margin protocol is a fully open-source margin trading
                 exchange. Its best in class user interface provides access to
                 deep liquidity and high leverage for traders, built by traders.{' '}
diff --git a/components/LendSection.tsx b/components/LendSection.tsx
index 5cfc35e..3dde5a0 100644
--- a/components/LendSection.tsx
+++ b/components/LendSection.tsx
@@ -61,7 +61,7 @@ const LendSection = () => {
               <h2 className="mb-6 leading-tight font-semibold font-heading lg:text-5xl md:text-4xl sm:text-4xl xs:text-3xl">
                 Never sell your crypto.
               </h2>
-              <p className="mb-8 text-gray-400 leading-relaxed lg:text-2xl md:text-2xl sm:text-2xl xs:text-lg">
+              <p className="mb-8 text-white text-opacity-50 leading-relaxed lg:text-2xl md:text-2xl sm:text-2xl xs:text-lg">
                 Earn interest on deposits and take out fully collateralized
                 loans against existing assets. The mango protocol&apos;s
                 risk engine allows you to withdraw borrowed capital.
diff --git a/components/TradeSection.tsx b/components/TradeSection.tsx
index f79a37e..c2330f0 100644
--- a/components/TradeSection.tsx
+++ b/components/TradeSection.tsx
@@ -42,7 +42,7 @@ const TradeSection = () => {
                   Every market cross&#8209;collateralized.
                 </h2>
                 <div className="">
-                  <p className="mb-8 text-gray-400 leading-relaxed sm:text-2xl xs:text-lg">
+                  <p className="mb-8 text-white text-opacity-50 leading-relaxed sm:text-2xl xs:text-lg">
                     Trade all on-chain, order books included, knowing you
                     control your funds. Permissionless with up to 5x leverage.
                   </p>