diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index b9634bdff521..cbd4b37e91bd 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -64,7 +64,8 @@
   },
   "devDependencies": {
     "@storybook/addon-actions": "7.0.0-alpha.29",
-    "@storybook/addons": "7.0.0-alpha.29"
+    "@storybook/addons": "7.0.0-alpha.29",
+    "@types/color-convert": "^2.0.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
diff --git a/code/yarn.lock b/code/yarn.lock
index b17585621daf..5ad6eb3c7f6f 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -7626,6 +7626,7 @@ __metadata:
     "@storybook/preview-web": 7.0.0-alpha.29
     "@storybook/store": 7.0.0-alpha.29
     "@storybook/theming": 7.0.0-alpha.29
+    "@types/color-convert": ^2.0.0
     color-convert: ^2.0.1
     dequal: ^2.0.2
     global: ^4.4.0
@@ -10116,6 +10117,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/color-convert@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@types/color-convert@npm:2.0.0"
+  dependencies:
+    "@types/color-name": "*"
+  checksum: 87b40870ff57f1746acc3cecbbe5f74e38cd2e97a628b0680f11a4cd419d124d3251e7627f100db2b31f8383b91141c46a12b7f2dfb18f989cf686526b6e6e13
+  languageName: node
+  linkType: hard
+
+"@types/color-name@npm:*":
+  version: 1.1.1
+  resolution: "@types/color-name@npm:1.1.1"
+  checksum: 2abeac8d8d833e0622c66f21487cc8b522792abb2eff2e40df0e3e53261728cb65bab590edf24953eb8d8653ec88044dc801d9a4e58c489a0f10c025de522868
+  languageName: node
+  linkType: hard
+
 "@types/component-emitter@npm:^1.2.10":
   version: 1.2.11
   resolution: "@types/component-emitter@npm:1.2.11"