diff --git a/website/src/app/page.tsx b/website/src/app/page.tsx
index 474064b72..00e8bbe3c 100644
--- a/website/src/app/page.tsx
+++ b/website/src/app/page.tsx
@@ -23,7 +23,7 @@ export const metadata: Metadata = {
 export default function Page() {
   return (
     <>
-      <section className="bg-gradient-to-b from-primary-50 to-neutral-100 pt-24">
+      <section className="bg-neutral-100 pt-24">
         <div className="px-4 py-8 mx-auto max-w-screen-xl text-center lg:py-16 lg:px-12">
           <h1 className="mb-4 md:text-6xl text-5xl justify-center font-extrabold tracking-tight leading-none text-neutral-900">
             Blazing-fast alternative to legacy VPNs
@@ -64,7 +64,7 @@ export default function Page() {
       </section>
 
       {/* Features sections */}
-      <section className="border-t border-neutral-200 bg-gradient-to-b from-white via-neutral-50 to-white py-24">
+      <section className="border-t border-neutral-200 bg-white py-24">
         <div className="mx-4 flex flex-col justify-center items-center">
           <h2 className="text-center justify-center mb-4 text-4xl tracking-tight font-bold text-neutral-900 ">
             Least-privileged access to your most valuable resources in just a
@@ -235,7 +235,7 @@ export default function Page() {
         </div>
       </section>
 
-      <section className="border-t border-neutral-200 bg-gradient-to-b from-neutral-100 to-primary-50 py-24">
+      <section className="border-t border-neutral-200 bg-neutral-100 py-24">
         <div className="mx-4 flex flex-col justify-center items-center">
           <h2 className="mb-4 text-4xl justify-center text-center tracking-tight font-bold text-neutral-900 ">
             Next-Gen security
@@ -536,7 +536,7 @@ export default function Page() {
         </div>
       </section>
 
-      <section className="border-t border-neutral-200 py-24 bg-gradient-to-b from-accent-800 to-accent-700">
+      <section className="border-t border-neutral-200 py-24 bg-neutral-900">
         <div className="flex flex-col px-4 justify-center items-center">
           <h2 className="mb-4 text-4xl tracking-tight text-center font-bold text-neutral-50">
             Ready to get started?
diff --git a/website/src/app/product/early-access/page.tsx b/website/src/app/product/early-access/page.tsx
index 49da8e250..1f0939116 100644
--- a/website/src/app/product/early-access/page.tsx
+++ b/website/src/app/product/early-access/page.tsx
@@ -59,7 +59,7 @@ export default function EarlyAccess() {
           </div>
         </div>
       </div>
-      <section className="bg-gradient-to-b from-white to-primary-50 border-t border-neutral-200 pb-14">
+      <section className="bg-white border-t border-neutral-200 pb-14">
         <div className="mx-auto lg:max-w-screen-lg max-w-screen-sm">
           <div className="py-14 mx-auto">
             <h2 className="justify-center mb-8 sm:mb-16 text-2xl font-extrabold tracking-tight text-neutral-900 sm:text-4xl">