diff --git a/change/@fluentui-web-components-876829c2-6a54-4777-9c1f-a007225a458a.json b/change/@fluentui-web-components-876829c2-6a54-4777-9c1f-a007225a458a.json
new file mode 100644
index 0000000000000..240256654f36f
--- /dev/null
+++ b/change/@fluentui-web-components-876829c2-6a54-4777-9c1f-a007225a458a.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "add attribute to recreate the accent palette using design system provider",
+  "packageName": "@fluentui/web-components",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/docs/api-report.md b/packages/web-components/docs/api-report.md
index 3c5f7a892e58d..b2fb56e424d0b 100644
--- a/packages/web-components/docs/api-report.md
+++ b/packages/web-components/docs/api-report.md
@@ -299,6 +299,7 @@ export const density: import("@microsoft/fast-foundation").CSSDesignToken<number
 // @public
 export class DesignSystemProvider extends FoundationElement {
     constructor();
+    accentBaseColor: Swatch;
     accentFillActiveDelta: number;
     accentFillFocusDelta: number;
     accentFillHoverDelta: number;