diff --git a/src/app.css b/src/app.css
index ef0b389..46bd27e 100644
--- a/src/app.css
+++ b/src/app.css
@@ -6,21 +6,29 @@
 	/* Light shades - for backgrounds and cards */
 	--color-ecsess-50: #e8ffd9;
 	--color-ecsess-100: #cce7ba;
+	--color-ecsess-150: #bae9a5;
 	--color-ecsess-200: #a9d0a0;
 
 	/* Mid-light shades - for borders and hover states */
+	--color-ecsess-250: #9cc295;
 	--color-ecsess-300: #8fb98a;
+	--color-ecsess-350: #7daa7a;
 	--color-ecsess-400: #6a9a6a;
 
 	/* Mid shades - for accents and interactive elements */
+	--color-ecsess-450: #62925a;
 	--color-ecsess-500: #5a8b5a;
+	--color-ecsess-550: #4c7a4f;
 	--color-ecsess-600: #3f6a3f;
+	--color-ecsess-650: #306032;
 
 	/* Mid-dark shades - for text on light backgrounds */
-	--color-ecsess-700: #2d5a2d;
+	--color-ecsess-700: #2f4d29;
+	--color-ecsess-750: #1c4a1e;
 	--color-ecsess-800: #0a3d2a;
 
 	/* Dark shades - for text and backgrounds */
+	--color-ecsess-850: #083525;
 	--color-ecsess-900: #062c20;
 	--color-ecsess-950: #031c15;
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index ee615e7..5e5fe87 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -15,7 +15,7 @@
 <SeoMetaTags canonical={data.canonical} />
 
 <!-- ECSESS Introduction -->
-<Section from="from-ecsess-black" to="to-ecsess-800">
+<Section from="from-ecsess-black" to="to-ecsess-900" via="via-ecsess-950">
 	<div
 		class="mx-auto grid w-full max-w-[84dvw] grid-cols-1 place-items-center gap-16 py-6 lg:min-h-[75vh] lg:grid-cols-[1fr_2fr]"
 	>
@@ -66,7 +66,7 @@
 </Section>
 
 <!-- Office Hours Calendar -->
-<Section from="from-ecsess-800" to="to-ecsess-900">
+<Section from="from-ecsess-900" to="to-ecsess-700" via="via-ecsess-650">
 	<div class="w-full">
 		<h2 class="text-2xl font-bold" id="office-hours">Lounge Office Hours</h2>
 		<p class="text-ecsess-200 mb-8">
@@ -78,11 +78,11 @@
 </Section>
 
 <!-- Sponsors -->
-<Section from="from-ecsess-900" to="to-ecsess-700" via="via-ecsess-800" direction="to-b">
+<Section from="from-ecsess-700" to="to-ecsess-800" via="via-ecsess-750">
 	<Sponsors sponsors={data.sponsors} />
 </Section>
 
 <!-- Affiliated Clubs -->
-<Section from="from-ecsess-700" to="to-ecsess-black">
+<Section from="from-ecsess-800" to="to-ecsess-black" via="via-ecsess-850">
 	<AffiliatedGroups />
 </Section>