diff --git a/.changeset/strong-colts-exist.md b/.changeset/strong-colts-exist.md
new file mode 100644
index 000000000..e7be70fbb
--- /dev/null
+++ b/.changeset/strong-colts-exist.md
@@ -0,0 +1,5 @@
+---
+"@lekoarts/gatsby-theme-specimens": patch
+---
+
+Bump internal dependency chroma-js to v3
diff --git a/package.json b/package.json
index 9bcb84e49..e29f0d9ee 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "@testing-library/cypress": "^10.0.3",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^14.3.1",
-    "@types/chroma-js": "^2.4.5",
+    "@types/chroma-js": "^3.1.1",
     "@types/fs-extra": "^11.0.4",
     "@types/loadable__component": "^5.13.9",
     "@types/node": "^20.17.16",
diff --git a/themes/gatsby-theme-specimens/package.json b/themes/gatsby-theme-specimens/package.json
index 31eccfa2a..0d9cd51b6 100755
--- a/themes/gatsby-theme-specimens/package.json
+++ b/themes/gatsby-theme-specimens/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@styled-system/css": "^5.1.5",
-    "chroma-js": "^2.6.0",
+    "chroma-js": "^3.1.2",
     "polished": "^4.3.1"
   },
   "keywords": [
diff --git a/yarn.lock b/yarn.lock
index bfeef2bab..fd959b872 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2919,7 +2919,7 @@ __metadata:
   resolution: "@lekoarts/gatsby-theme-specimens@workspace:themes/gatsby-theme-specimens"
   dependencies:
     "@styled-system/css": "npm:^5.1.5"
-    chroma-js: "npm:^2.6.0"
+    chroma-js: "npm:^3.1.2"
     polished: "npm:^4.3.1"
   peerDependencies:
     gatsby: ^5.0.0
@@ -2973,7 +2973,7 @@ __metadata:
     "@testing-library/cypress": "npm:^10.0.3"
     "@testing-library/jest-dom": "npm:^6.6.3"
     "@testing-library/react": "npm:^14.3.1"
-    "@types/chroma-js": "npm:^2.4.5"
+    "@types/chroma-js": "npm:^3.1.1"
     "@types/fs-extra": "npm:^11.0.4"
     "@types/loadable__component": "npm:^5.13.9"
     "@types/node": "npm:^20.17.16"
@@ -5025,10 +5025,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/chroma-js@npm:^2.4.5":
-  version: 2.4.5
-  resolution: "@types/chroma-js@npm:2.4.5"
-  checksum: 10c0/2860bb40e29bc034464324c53291164d5a665edb6a3f7adff80ef968fe468f3484435a9b7a3735874e979bfd189d026989d9aa6743cb8a7ca0d99b64555904b3
+"@types/chroma-js@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "@types/chroma-js@npm:3.1.1"
+  checksum: 10c0/2b2d2eb44fd6e7103696c890c04a84c55441e9fea2f3913949bb377ec7249fe8a95e8117108b6e837422dbb23dee8180ad6907a29a8ae6d9443e7423cd0b2f6a
   languageName: node
   linkType: hard
 
@@ -7799,10 +7799,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chroma-js@npm:^2.6.0":
-  version: 2.6.0
-  resolution: "chroma-js@npm:2.6.0"
-  checksum: 10c0/6e17f43246f9b3eba8a9db67f5ee9a2d0ef1360077211887da09ec1f0934bb98a358eefaf021003c0bd47cbab540f573a373f362d6b2ba04d0e80ab7677e1640
+"chroma-js@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "chroma-js@npm:3.1.2"
+  checksum: 10c0/145ce9aea91dac81c6158082675084778e8c83e6959032e37fd4ba9b01db9f5c29c520453ec4bab7e87689f12756fcc63821e3c6b866e083ea41d341c7b2bf71
   languageName: node
   linkType: hard