diff --git a/packages/react-base16-styling/package.json b/packages/react-base16-styling/package.json
index a36ad108c1..2840b9e62b 100644
--- a/packages/react-base16-styling/package.json
+++ b/packages/react-base16-styling/package.json
@@ -39,7 +39,7 @@
     "@types/base16": "^1.0.2",
     "@types/lodash": "^4.14.177",
     "base16": "^1.0.0",
-    "color": "^3.2.1",
+    "color": "^4.0.1",
     "csstype": "^3.0.10",
     "lodash.curry": "^4.1.1"
   },
diff --git a/packages/redux-devtools-ui/package.json b/packages/redux-devtools-ui/package.json
index 83b4cb568e..83051d6e00 100644
--- a/packages/redux-devtools-ui/package.json
+++ b/packages/redux-devtools-ui/package.json
@@ -43,7 +43,7 @@
     "@types/simple-element-resize-detector": "^1.3.0",
     "base16": "^1.0.0",
     "codemirror": "^5.64.0",
-    "color": "^3.2.1",
+    "color": "^4.0.1",
     "prop-types": "^15.7.2",
     "react-icons": "^4.3.1",
     "react-select": "^5.2.1",
diff --git a/yarn.lock b/yarn.lock
index b1823a1439..4ca38bc6a5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5303,7 +5303,7 @@ __metadata:
     babel-loader: ^8.2.3
     base16: ^1.0.0
     codemirror: ^5.64.0
-    color: ^3.2.1
+    color: ^4.0.1
     csstype: ^3.0.10
     eslint: ^8.3.0
     eslint-config-prettier: ^8.3.0
@@ -11419,7 +11419,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"color-convert@npm:^1.9.0, color-convert@npm:^1.9.3":
+"color-convert@npm:^1.9.0":
   version: 1.9.3
   resolution: "color-convert@npm:1.9.3"
   dependencies:
@@ -11461,13 +11461,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"color@npm:^3.2.1":
-  version: 3.2.1
-  resolution: "color@npm:3.2.1"
+"color@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "color@npm:4.0.1"
   dependencies:
-    color-convert: ^1.9.3
+    color-convert: ^2.0.1
     color-string: ^1.6.0
-  checksum: f81220e8b774d35865c2561be921f5652117638dcda7ca4029262046e37fc2444ac7bbfdd110cf1fd9c074a4ee5eda8f85944ffbdda26186b602dd9bb05f6400
+  checksum: 46b1e7c6a5d5b1db5e0a8f1f32eea015a1923c9a591cbef67e20b439d67fe8043a7c3beb96c602f0055068909c3ee73bc8ee1817e76a25861a92f64430d6118f
   languageName: node
   linkType: hard
 
@@ -23924,7 +23924,7 @@ __metadata:
     "@typescript-eslint/eslint-plugin": ^5.4.0
     "@typescript-eslint/parser": ^5.4.0
     base16: ^1.0.0
-    color: ^3.2.1
+    color: ^4.0.1
     csstype: ^3.0.10
     eslint: ^8.3.0
     eslint-config-prettier: ^8.3.0