diff --git a/src/Core/Components/DesignSystemProvider/FluentDesignTheme.razor.cs b/src/Core/Components/DesignSystemProvider/FluentDesignTheme.razor.cs
index 5f78af3ec3..1b0574f0cf 100644
--- a/src/Core/Components/DesignSystemProvider/FluentDesignTheme.razor.cs
+++ b/src/Core/Components/DesignSystemProvider/FluentDesignTheme.razor.cs
@@ -167,6 +167,7 @@ public async Task OnChangeRaisedAsync(string name, string value)
                     {
                         await CustomColorChanged.InvokeAsync(value);
                     }
+                    GlobalDesign.SetColor(value);
                 }
                 else
                 {
@@ -179,8 +180,8 @@ public async Task OnChangeRaisedAsync(string name, string value)
                     {
                         await OfficeColorChanged.InvokeAsync(color);
                     }
+                    GlobalDesign.SetColor(color.ToAttributeValue());
                 }
-
                 break;
             case "neutral-color":
                 GlobalDesign.SetNeutralColor(value);
@@ -262,6 +263,7 @@ private async Task ApplyLocalStorageValuesAsync(DataLocalStorage? theme)
                     color = AspNetCore.Components.OfficeColor.Default;
                 }
                 OfficeColor = color;
+                GlobalDesign.SetColor(color.ToAttributeValue());
                 await OnChangeRaisedAsync("primary-color", theme.PrimaryColor);
             }
         }