diff --git a/components/lib/themes/lara/megamenu/index.js b/components/lib/themes/lara/megamenu/index.js
index bc47a8369..71edcaa69 100644
--- a/components/lib/themes/lara/megamenu/index.js
+++ b/components/lib/themes/lara/megamenu/index.js
@@ -76,12 +76,12 @@ export default {
     colorScheme: {
         light: {
             root: {
-                background: '{surface.50}'
+                background: '{surface.100}'
             }
         },
         dark: {
             root: {
-                background: '{surface.950}'
+                background: '{surface.800}'
             }
         }
     }
diff --git a/components/lib/themes/lara/menubar/index.js b/components/lib/themes/lara/menubar/index.js
index d9d7b9f99..ca9aa0c72 100644
--- a/components/lib/themes/lara/menubar/index.js
+++ b/components/lib/themes/lara/menubar/index.js
@@ -60,12 +60,12 @@ export default {
     colorScheme: {
         light: {
             root: {
-                background: '{surface.50}'
+                background: '{surface.100}'
             }
         },
         dark: {
             root: {
-                background: '{surface.950}'
+                background: '{surface.800}'
             }
         }
     }
diff --git a/components/lib/themes/lara/panel/index.js b/components/lib/themes/lara/panel/index.js
index 1acbf061a..078cae96a 100644
--- a/components/lib/themes/lara/panel/index.js
+++ b/components/lib/themes/lara/panel/index.js
@@ -27,7 +27,7 @@ export default {
     colorScheme: {
         light: {
             header: {
-                background: '{surface.100}',
+                background: '{surface.50}',
                 color: '{text.color}'
             }
         },