diff --git a/src/assets/images/header-background.svg b/src/assets/images/header-background.svg
new file mode 100644
index 0000000..888700e
--- /dev/null
+++ b/src/assets/images/header-background.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="768" viewBox="0 0 1024 768">
+    <path d="M0.014,331.486l1075-538.5v1077Z" fill="#354c74"/>
+    <path d="M0,0.015l460.923,921.97H-460.923Z" fill="#414c64"/>
+    <path d="M1449.99,187.736L709.6,804.994,511.985-35.994Z" fill="#413c64"/>
+</svg>
diff --git a/src/assets/stylesheets/index.scss b/src/assets/stylesheets/index.scss
index 4095472..9c3e903 100644
--- a/src/assets/stylesheets/index.scss
+++ b/src/assets/stylesheets/index.scss
@@ -49,6 +49,13 @@ $section-border-radius: 2em;
     border-bottom-right-radius: $section-border-radius;
 }
 
+.header {
+    background: url('../images/header-background.svg') #466685;
+    background-position: center;
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+
 .header .small-labels .group::before, .header .small-labels .label::before {
     color: #eee;
 }