diff --git a/npm/ng-packs/packages/components/ng-package.json b/npm/ng-packs/packages/components/ng-package.json
index bd52209250..3e56c523ee 100644
--- a/npm/ng-packs/packages/components/ng-package.json
+++ b/npm/ng-packs/packages/components/ng-package.json
@@ -6,6 +6,7 @@
   },
   "allowedNonPeerDependencies": [
     "ng-zorro-antd",
+    "@ctrl/tinycolor",
     "chart.js"
   ]
 }
diff --git a/npm/ng-packs/packages/components/package.json b/npm/ng-packs/packages/components/package.json
index ecc231240e..8262a82af4 100644
--- a/npm/ng-packs/packages/components/package.json
+++ b/npm/ng-packs/packages/components/package.json
@@ -13,6 +13,7 @@
   "dependencies": {
     "chart.js": "^3.5.1",
     "ng-zorro-antd": "^17.0.0",
+    "@ctrl/tinycolor": "^4.0.0",
     "tslib": "^2.0.0"
   },
   "publishConfig": {