diff --git a/change/@fluentui-web-components-a3bfc2ab-80d0-4e8d-8b37-a457a30f595e.json b/change/@fluentui-web-components-a3bfc2ab-80d0-4e8d-8b37-a457a30f595e.json
new file mode 100644
index 00000000000000..92ec815272cf7e
--- /dev/null
+++ b/change/@fluentui-web-components-a3bfc2ab-80d0-4e8d-8b37-a457a30f595e.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "remove duplicate color export from web components package",
+  "packageName": "@fluentui/web-components",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/index.ts b/packages/web-components/src/index.ts
index a90874fc72489c..ed7c2c91585dc6 100644
--- a/packages/web-components/src/index.ts
+++ b/packages/web-components/src/index.ts
@@ -6,7 +6,6 @@ export * from './breadcrumb-item';
 export * from './button/';
 export * from './card/';
 export * from './checkbox/';
-export * from './color/';
 export * from './design-system-provider/';
 export * from './dialog/';
 export * from './divider/';
@@ -28,8 +27,8 @@ export * from './text-area/';
 export * from './text-field/';
 export * from './tree-item/';
 export * from './tree-view/';
-export { DesignSystem, DesignSystemDefaults } from './fluent-design-system';
 
 // export styles and utils
 export * from './styles';
 export * from './color';
+export { DesignSystem, DesignSystemDefaults } from './fluent-design-system';