diff --git a/controllers/main.py b/controllers/main.py
index 1caa8cc..64769f4 100644
--- a/controllers/main.py
+++ b/controllers/main.py
@@ -154,6 +154,8 @@ class AppNotificationController(http.Controller):
             'brand_logo': brand_logo or '',
             'primary_color': config.primary_color or '#C62828',
             'secondary_color': config.secondary_color or '#FF8F00',
+            'background_color': config.background_color or '#FAF6EE',
+            'background_gradient_color': config.background_gradient_color or '#F3EAD3',
         }
 
     @http.route('/api/loyalty/order_history', type='jsonrpc', auth='user', methods=['POST'], csrf=False)
diff --git a/models/app_cms_config.py b/models/app_cms_config.py
index b4c210a..863d738 100644
--- a/models/app_cms_config.py
+++ b/models/app_cms_config.py
@@ -32,6 +32,16 @@ class AppCmsConfig(models.Model):
         default='#FF8F00',
         help='Hex color code for secondary theme color, e.g. #FF8F00'
     )
+    background_color = fields.Char(
+        string='Background Color (Hex)',
+        default='#FAF6EE',
+        help='Hex color code for background color, e.g. #FAF6EE'
+    )
+    background_gradient_color = fields.Char(
+        string='Background Gradient Color (Hex)',
+        default='#F3EAD3',
+        help='Hex color code for bottom of background gradient, e.g. #F3EAD3'
+    )
 
     @api.model
     def get_config(self):
@@ -41,7 +51,9 @@ class AppCmsConfig(models.Model):
             config = self.create({
                 'name': 'App Configuration',
                 'primary_color': '#C62828',
-                'secondary_color': '#FF8F00'
+                'secondary_color': '#FF8F00',
+                'background_color': '#FAF6EE',
+                'background_gradient_color': '#F3EAD3',
             })
         return config
     @api.model
diff --git a/views/app_cms_config_views.xml b/views/app_cms_config_views.xml
index d80a8d5..407af00 100644
--- a/views/app_cms_config_views.xml
+++ b/views/app_cms_config_views.xml
@@ -18,6 +18,10 @@
                                    help="Primary theme color in Hex (e.g. #C62828)"/>
                             <field name="secondary_color" placeholder="#FF8F00"
                                    help="Secondary theme color in Hex (e.g. #FF8F00)"/>
+                            <field name="background_color" placeholder="#FAF6EE"
+                                   help="Primary background color in Hex (e.g. #FAF6EE)"/>
+                            <field name="background_gradient_color" placeholder="#F3EAD3"
+                                   help="Bottom color for background gradient in Hex (e.g. #F3EAD3)"/>
                         </group>
                         <group string="Account Menu Links">
                             <field name="about_us_url"