diff --git a/app-ios/Modules/Sources/Theme/Resources/Colors.xcassets/Surface/Surface Gradient Bottom.colorset/Contents.json b/app-ios/Modules/Sources/Theme/Resources/Colors.xcassets/Surface/Surface Gradient Bottom.colorset/Contents.json
new file mode 100644
index 000000000..48dcac8c4
--- /dev/null
+++ b/app-ios/Modules/Sources/Theme/Resources/Colors.xcassets/Surface/Surface Gradient Bottom.colorset/Contents.json	
@@ -0,0 +1,38 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xD3",
+          "green" : "0xFF",
+          "red" : "0xF6"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x25",
+          "green" : "0x46",
+          "red" : "0x2D"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/app-ios/Modules/Sources/Theme/Resources/Colors.xcassets/Surface/Surface Gradient TOP.colorset/Contents.json b/app-ios/Modules/Sources/Theme/Resources/Colors.xcassets/Surface/Surface Gradient TOP.colorset/Contents.json
new file mode 100644
index 000000000..b28a953b5
--- /dev/null
+++ b/app-ios/Modules/Sources/Theme/Resources/Colors.xcassets/Surface/Surface Gradient TOP.colorset/Contents.json	
@@ -0,0 +1,38 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xFF",
+          "green" : "0xE5",
+          "red" : "0xA9"
+        }
+      },
+      "idiom" : "universal"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x10",
+          "green" : "0x0D",
+          "red" : "0x05"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/app-ios/Modules/Sources/Timetable/TimetableView.swift b/app-ios/Modules/Sources/Timetable/TimetableView.swift
index e8945eac6..2d33a818b 100644
--- a/app-ios/Modules/Sources/Timetable/TimetableView.swift
+++ b/app-ios/Modules/Sources/Timetable/TimetableView.swift
@@ -15,6 +15,10 @@ public struct TimetableView<SessionView: View>: View {
     @Environment(\.colorScheme) var colorScheme
     @ObservedObject var viewModel: TimetableViewModel = .init()
     private let sessionViewBuilder: ViewProvider<TimetableItem, SessionView>
+    let gradient = Gradient(stops: [
+        .init(color: AssetColors.Surface.surfaceGradientTOP.swiftUIColor, location: 0.0),
+        .init(color: AssetColors.Surface.surfaceGradientBottom.swiftUIColor, location: 0.15)
+    ])
 
     // Determines whether or not to collapse.
     private let verticalOffsetThreshold = -142.0
@@ -98,7 +102,7 @@ public struct TimetableView<SessionView: View>: View {
                         }
                     }
                 }
-                .background(AssetColors.Surface.surfaceVariant.swiftUIColor)
+                .background(LinearGradient(gradient: gradient, startPoint: .top, endPoint: .bottom))
                 .toolbarBackground(AssetColors.Surface.surfaceVariant.swiftUIColor, for: .navigationBar)
                 .toolbar {
                     Group {