diff --git a/footer.php b/footer.php
index 08c122d..d859651 100644
--- a/footer.php
+++ b/footer.php
@@ -1,4 +1,4 @@
-    <footer id="site-footer">
+    <footer id="site-footer" style="background-color: <?php echo get_theme_mod('footer_color'); ?>;">
         <div class="container">
             <div class="footer-box-container">
                 <div class="footer-box">
diff --git a/functions.php b/functions.php
index a178f4f..d26216e 100644
--- a/functions.php
+++ b/functions.php
@@ -564,3 +564,28 @@ function cta($atts) {
   return $cta_button;
 }
 add_shortcode('spouse-cta', 'cta');
+
+function spouse_footer_color( $wp_customize ) {
+  $wp_customize->add_setting( 'footer_color', array( 'default' => ''));
+
+  $wp_customize->add_section(
+    'spouse-footer',
+    array(
+      'title' => __('Footer color', 'spouse'),
+      'priority' => 30,
+      'description' => __( 'Set footer color' , 'spouse' )
+    )
+  );
+
+  $wp_customize->add_control(
+    new WP_Customize_Control(
+      $wp_customize, 'notification_color',
+      array(
+        'label' => __( 'Footer color (hex code)', 'spouse'),
+        'section' => 'spouse-footer',
+        'settings' => 'footer_color'
+      )
+    )
+  );
+}
+add_action( 'customize_register', 'spouse_footer_color');
\ No newline at end of file
diff --git a/src/scss/layout/_l-footer.scss b/src/scss/layout/_l-footer.scss
index bf82469..c7b1de3 100644
--- a/src/scss/layout/_l-footer.scss
+++ b/src/scss/layout/_l-footer.scss
@@ -1,6 +1,6 @@
 footer {
   width: 100%;
-  background-color: $opal;
+  background-color: $lilac;
   display: block;
   padding: 3rem 0 2rem 0;
   min-height: 200px;
@@ -44,6 +44,3 @@ footer {
   }
 
 }
-.logged-in footer {
-  background-color: $lilac;
-}