diff --git a/packages/react-base16-styling/package.json b/packages/react-base16-styling/package.json
index e8f24a7474..fa931d9e91 100644
--- a/packages/react-base16-styling/package.json
+++ b/packages/react-base16-styling/package.json
@@ -43,7 +43,7 @@
     "@types/base16": "^1.0.2",
     "@types/lodash": "^4.14.178",
     "base16": "^1.0.0",
-    "color": "^3.2.1",
+    "color": "^4.2.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 d751198e61..82dd22cf0c 100644
--- a/packages/redux-devtools-ui/package.json
+++ b/packages/redux-devtools-ui/package.json
@@ -52,7 +52,7 @@
     "@types/simple-element-resize-detector": "^1.3.0",
     "base16": "^1.0.0",
     "codemirror": "^5.65.1",
-    "color": "^3.2.1",
+    "color": "^4.2.1",
     "prop-types": "^15.8.1",
     "react-icons": "^4.3.1",
     "react-select": "^5.2.2",
diff --git a/yarn.lock b/yarn.lock
index 9f22e7fb8f..07cf22e66e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5512,7 +5512,7 @@ __metadata:
     babel-loader: ^8.2.3
     base16: ^1.0.0
     codemirror: ^5.65.1
-    color: ^3.2.1
+    color: ^4.2.1
     csstype: ^3.0.10
     eslint: ^8.8.0
     eslint-config-prettier: ^8.3.0
@@ -11383,7 +11383,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:
@@ -11415,7 +11415,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"color-string@npm:^1.6.0":
+"color-string@npm:^1.9.0":
   version: 1.9.0
   resolution: "color-string@npm:1.9.0"
   dependencies:
@@ -11434,13 +11434,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"color@npm:^3.2.1":
-  version: 3.2.1
-  resolution: "color@npm:3.2.1"
+"color@npm:^4.2.1":
+  version: 4.2.1
+  resolution: "color@npm:4.2.1"
   dependencies:
-    color-convert: ^1.9.3
-    color-string: ^1.6.0
-  checksum: f81220e8b774d35865c2561be921f5652117638dcda7ca4029262046e37fc2444ac7bbfdd110cf1fd9c074a4ee5eda8f85944ffbdda26186b602dd9bb05f6400
+    color-convert: ^2.0.1
+    color-string: ^1.9.0
+  checksum: 03fb3100a8ba457b45f3f9828f64e982d683f48c841e3d26a619bd88924fcc47f1124b2fdf3e4ae518c4129e9885c19052244ba1ea0b06d86beffc5f5e551d62
   languageName: node
   linkType: hard
 
@@ -22640,7 +22640,7 @@ __metadata:
     "@typescript-eslint/eslint-plugin": ^5.10.2
     "@typescript-eslint/parser": ^5.10.2
     base16: ^1.0.0
-    color: ^3.2.1
+    color: ^4.2.1
     csstype: ^3.0.10
     eslint: ^8.8.0
     eslint-config-prettier: ^8.3.0