diff --git a/tom_common/templates/404.html b/tom_common/templates/404.html
new file mode 100644
index 000000000..670c1b159
--- /dev/null
+++ b/tom_common/templates/404.html
@@ -0,0 +1,13 @@
+{% extends 'tom_common/base.html' %}
+{% block content %}
+  <div class="black-hole" style="height: 80vh; background-image: radial-gradient(
+      circle at top,
+      #000000 35%,
+      #848484 45%,
+      #000 75%
+  ); display: flex; align-items: flex-start; justify-content: center; padding-top: 4rem;">
+    <p style="color: white; font-size: 2rem; font-weight: bold; text-align: center; margin: 0;">
+      Sorry, we couldn't find what you're looking 404.
+    </p>
+  </div>
+{% endblock %}