diff --git a/packages/grafana-ui/package.json b/packages/grafana-ui/package.json
index 706c7b6895f..b093bbb9f80 100644
--- a/packages/grafana-ui/package.json
+++ b/packages/grafana-ui/package.json
@@ -82,7 +82,7 @@
     "rc-time-picker": "^3.7.3",
     "react-beautiful-dnd": "13.1.0",
     "react-calendar": "3.9.0",
-    "react-colorful": "5.5.1",
+    "react-colorful": "5.6.1",
     "react-custom-scrollbars-2": "4.5.0",
     "react-dropzone": "14.2.2",
     "react-highlight-words": "0.18.0",
diff --git a/yarn.lock b/yarn.lock
index 62497d01922..c6467e907fe 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5696,7 +5696,7 @@ __metadata:
     react: 17.0.2
     react-beautiful-dnd: 13.1.0
     react-calendar: 3.9.0
-    react-colorful: 5.5.1
+    react-colorful: 5.6.1
     react-custom-scrollbars-2: 4.5.0
     react-docgen-typescript-loader: 3.7.2
     react-dom: 17.0.2
@@ -33818,7 +33818,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-colorful@npm:5.5.1, react-colorful@npm:^5.1.2":
+"react-colorful@npm:5.6.1":
+  version: 5.6.1
+  resolution: "react-colorful@npm:5.6.1"
+  peerDependencies:
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+  checksum: e432b7cb0df57e8f0bcdc3b012d2e93fcbcb6092c9e0f85654788d5ebfc4442536d8cc35b2418061ba3c4afb8b7788cc101c606d86a1732407921de7a9244c8d
+  languageName: node
+  linkType: hard
+
+"react-colorful@npm:^5.1.2":
   version: 5.5.1
   resolution: "react-colorful@npm:5.5.1"
   peerDependencies: