diff --git a/themes/coopcloud.tech/assets/scss/bulma/sass/layout/footer.sass b/themes/coopcloud.tech/assets/scss/bulma/sass/layout/footer.sass
index 4e9187e..ff37a22 100644
--- a/themes/coopcloud.tech/assets/scss/bulma/sass/layout/footer.sass
+++ b/themes/coopcloud.tech/assets/scss/bulma/sass/layout/footer.sass
@@ -6,6 +6,7 @@ $footer-padding: 3rem 1.5rem 6rem !default
 
 .footer
   background-color: $footer-background-color
+  background: linear-gradient(to top, $footer-background-color, $footer-background-color 50%, $footer-background-color-mid 50%)
   padding: $footer-padding
   @if $footer-color
     color: $footer-color
diff --git a/themes/coopcloud.tech/assets/scss/main.scss b/themes/coopcloud.tech/assets/scss/main.scss
index 05d4e83..23b72dd 100644
--- a/themes/coopcloud.tech/assets/scss/main.scss
+++ b/themes/coopcloud.tech/assets/scss/main.scss
@@ -3,12 +3,14 @@
 // Branding
 $autonomic-red: #EE4A33;
 $coopcloud-blue: #202674;
+$coopcloud-blue-mid: #485FC7;
 $coopcloud-pink: #ff4f88;
 $white: white;
 $text-color: #1C1C1C;
 $bg-color: #EFEFEF;
 
 $footer-background-color: $coopcloud-blue;
+$footer-background-color-mid: $coopcloud-blue-mid;
 $footer-color: true;
 $footer-padding: 3rem 1.5rem 3rem;