diff --git a/frontend/src/app.css b/frontend/src/app.css
index 38b6c2f..e4df925 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -42,6 +42,20 @@
 	--color-surface-container-highest: #e2e1dd;
 	--color-surface-dim: #d6dcd2; /* recessed utility */
 
+	/* --- Colour: Grey pallette, based on tailwind's default grey --- */
+	--colour-grey-50: #f9fafb;
+	--colour-grey-100: #f3f4f6;
+	--colour-grey-200: #e5e7eb;
+	--colour-grey-300: #d1d5db;
+	--colour-grey-400: #9ca3af;
+	--colour-grey-500: #6b7280;
+	--colour-grey-600: #4b5563;
+	--colour-grey-700: #374151;
+	--colour-grey-800: #1f2937;
+	--colour-grey-900: #111827;
+	--colour-grey-950: #030712;
+	--colour-grey-1000: #000000;
+
 	/* --- Color: On-Surface --- */
 	--color-on-surface: #2f342e; /* replaces pure black */
 	--color-on-surface-variant: #5c605b;