diff --git a/apps/mantine.dev/package.json b/apps/mantine.dev/package.json
index 566315a333..7d3e6c0e3d 100644
--- a/apps/mantine.dev/package.json
+++ b/apps/mantine.dev/package.json
@@ -59,7 +59,7 @@
     "@tiptap/starter-kit": "^2.2.1",
     "@types/node": "^20.9.0",
     "@types/react": "18.3.1",
-    "chroma-js": "^2.4.2",
+    "chroma-js": ">=2.4.2",
     "dayjs": "^1.11.10",
     "embla-carousel": "^7.1.0",
     "embla-carousel-autoplay": "^7.1.0",
diff --git a/package.json b/package.json
index 306c496024..8842f4609c 100644
--- a/package.json
+++ b/package.json
@@ -87,7 +87,7 @@
     "@tiptap/pm": "^2.2.1",
     "@tiptap/react": "^2.2.1",
     "@tiptap/starter-kit": "^2.2.1",
-    "chroma-js": "^2.4.2",
+    "chroma-js": ">=2.4.2",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.10",
     "embla-carousel": "^7.1.0",
diff --git a/packages/@mantine/colors-generator/package.json b/packages/@mantine/colors-generator/package.json
index 63ef182142..035368ab3e 100644
--- a/packages/@mantine/colors-generator/package.json
+++ b/packages/@mantine/colors-generator/package.json
@@ -37,6 +37,6 @@
     "directory": "packages/@mantine/colors-generator"
   },
   "peerDependencies": {
-    "chroma-js": "^2.4.2"
+    "chroma-js": ">=2.4.2"
   }
 }
diff --git a/packages/@mantine/colors-generator/tsconfig.json b/packages/@mantine/colors-generator/tsconfig.json
index 495b03d689..1070fe315b 100644
--- a/packages/@mantine/colors-generator/tsconfig.json
+++ b/packages/@mantine/colors-generator/tsconfig.json
@@ -3,7 +3,6 @@
   "exclude": ["./lib", "./esm", "./cjs"],
   "compilerOptions": {
     "rootDir": "src",
-
     "declaration": true,
     "declarationDir": "lib",
     "types": ["node", "jest", "@testing-library/jest-dom"],
diff --git a/yarn.lock b/yarn.lock
index 963441d249..588f9546b2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5458,7 +5458,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@mantine/colors-generator@workspace:packages/@mantine/colors-generator"
   peerDependencies:
-    chroma-js: ^2.4.2
+    chroma-js: ">=2.4.2"
   languageName: unknown
   linkType: soft
 
@@ -10489,10 +10489,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chroma-js@npm:^2.4.2":
-  version: 2.4.2
-  resolution: "chroma-js@npm:2.4.2"
-  checksum: 10c0/5657cd10892538c4a41e8bd95524d018c3a43318b26dfb20d572b2084bc6d5af742457a6d5701ddecb4d4eceb99995873b22293c1b396ab0b35ef55a264550c8
+"chroma-js@npm:>=2.4.2":
+  version: 3.1.1
+  resolution: "chroma-js@npm:3.1.1"
+  checksum: 10c0/fb5e3cd958a954b8cd44017f70aff42ae37bc561cdcea0ebeeb6d2df5989e7402e02c674274af2eefd1478ee172e05ce51ac353e3cbe1db139f599b338523339
   languageName: node
   linkType: hard
 
@@ -12130,7 +12130,7 @@ __metadata:
     "@types/github-slugger": "npm:^2.0.0"
     "@types/node": "npm:^20.9.0"
     "@types/react": "npm:18.3.1"
-    chroma-js: "npm:^2.4.2"
+    chroma-js: "npm:>=2.4.2"
     dayjs: "npm:^1.11.10"
     embla-carousel: "npm:^7.1.0"
     embla-carousel-autoplay: "npm:^7.1.0"
@@ -17906,7 +17906,7 @@ __metadata:
     "@types/yargs": "npm:^17.0.31"
     babel-loader: "npm:^9.1.3"
     chalk: "npm:^5.3.0"
-    chroma-js: "npm:^2.4.2"
+    chroma-js: "npm:>=2.4.2"
     clsx: "npm:^2.1.1"
     css-loader: "npm:^6.8.1"
     cssnano: "npm:^6.0.1"