diff --git a/apps/studio/package.json b/apps/studio/package.json
index 4788d1a2..d6d3cb5a 100644
--- a/apps/studio/package.json
+++ b/apps/studio/package.json
@@ -16,7 +16,7 @@
   "dependencies": {
     "@babel/core": "7.23.7",
     "@sanity/base": "2.36.2",
-    "@sanity/color": "^2.1.10",
+    "@sanity/color": "^3.0.0",
     "@sanity/core": "2.36.2",
     "@sanity/data-aspects": "2.35.3",
     "@sanity/default-layout": "2.36.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cdab03cc..be1b3990 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,8 +21,8 @@ importers:
         specifier: 2.36.2
         version: 2.36.2(prop-types@15.8.1)(react-dom@17.0.2)(react@17.0.2)(styled-components@6.1.8)
       '@sanity/color':
-        specifier: ^2.1.10
-        version: 2.1.10
+        specifier: ^3.0.0
+        version: 3.0.0
       '@sanity/core':
         specifier: 2.36.2
         version: 2.36.2(@babel/core@7.23.7)(caniuse-lite@1.0.30001341)(react-dom@17.0.2)(react@17.0.2)(webpack@5.72.1)
@@ -31,10 +31,10 @@ importers:
         version: 2.35.3
       '@sanity/default-layout':
         specifier: 2.36.2
-        version: 2.36.2(@sanity/color@2.1.10)(prop-types@15.8.1)(react-dom@17.0.2)(react@17.0.2)(styled-components@6.1.8)
+        version: 2.36.2(@sanity/color@3.0.0)(prop-types@15.8.1)(react-dom@17.0.2)(react@17.0.2)(styled-components@6.1.8)
       '@sanity/default-login':
         specifier: 2.36.2
-        version: 2.36.2(@sanity/color@2.1.10)(react-dom@17.0.2)(react@17.0.2)(styled-components@6.1.8)
+        version: 2.36.2(@sanity/color@3.0.0)(react-dom@17.0.2)(react@17.0.2)(styled-components@6.1.8)
       '@sanity/desk-tool':
         specifier: 2.36.2
         version: 2.36.2(@sanity/base@2.36.2)(prop-types@15.8.1)(react-dom@17.0.2)(react@17.0.2)(styled-components@6.1.8)
@@ -2116,14 +2116,15 @@ packages:
       - supports-color
     dev: false
 
-  /@sanity/color@2.1.10:
-    resolution: {integrity: sha512-t1rV2/WAECqyKziAhAxgpHh9oLQuIUGvHlV/jSboAG4K8/HeRPF8WWiGak/B32uiPl6lOpw3oM4BonYmPLb2+Q==}
-    dev: false
-
   /@sanity/color@2.2.4:
     resolution: {integrity: sha512-989JTJpI1TowrjUMDx5eDpvK7soqW1qCVkWRcl1+fJdBMIpnOVLB8BmVM/oQbCi/Nxt+ui0+HJp1uSR1Lg0PBQ==}
     dev: false
 
+  /@sanity/color@3.0.0:
+    resolution: {integrity: sha512-JLIsloyyn0lhta/JivmYlxlcN7U3dpBNqtH7uAzM9/kPirFxWJ8LAVuF5vxK5JHwTNbgpVy6AmfIss/av7N96w==}
+    engines: {node: '>=18.0.0'}
+    dev: false
+
   /@sanity/core@2.36.2(@babel/core@7.23.7)(caniuse-lite@1.0.30001341)(react-dom@17.0.2)(react@17.0.2)(webpack@5.72.1):
     resolution: {integrity: sha512-szqVoKiP6fl+ffTPt1m0n3Qq4Dc4qnF927hQuP+OOazkJxnYPHchU387iSuCZbI3ZScifCxtusJLO5bd7xPRyQ==}
     engines: {node: '>=12.0.0'}
@@ -2216,7 +2217,7 @@ packages:
       lodash: 4.17.21
     dev: false
 
-  /@sanity/default-layout@2.36.2(@sanity/color@2.1.10)(prop-types@15.8.1)(react-dom@17.0.2)(react@17.0.2)(styled-components@6.1.8):
+  /@sanity/default-layout@2.36.2(@sanity/color@3.0.0)(prop-types@15.8.1)(react-dom@17.0.2)(react@17.0.2)(styled-components@6.1.8):
     resolution: {integrity: sha512-Hch/lbVXFzswg7eIo1rolvyiXXGp2Z+OSpHeuBmbJ5YQoM9UA3LBJQC1PgQS3QOubrCM/ew/eSLXbKLY3IF5MA==}
     peerDependencies:
       prop-types: ^15.6 || ^16
@@ -2232,7 +2233,7 @@ packages:
       '@sanity/generate-help-url': 3.0.0
       '@sanity/icons': 1.3.10(react@17.0.2)
       '@sanity/image-url': 1.0.1
-      '@sanity/logos': 1.1.21(@sanity/color@2.1.10)(react@17.0.2)
+      '@sanity/logos': 1.1.21(@sanity/color@3.0.0)(react@17.0.2)
       '@sanity/ui': 0.37.22(react-dom@17.0.2)(react@17.0.2)(styled-components@6.1.8)
       '@sanity/util': 2.36.2
       debug: 3.2.7
@@ -2252,7 +2253,7 @@ packages:
       - supports-color
     dev: false
 
-  /@sanity/default-login@2.36.2(@sanity/color@2.1.10)(react-dom@17.0.2)(react@17.0.2)(styled-components@6.1.8):
+  /@sanity/default-login@2.36.2(@sanity/color@3.0.0)(react-dom@17.0.2)(react@17.0.2)(styled-components@6.1.8):
     resolution: {integrity: sha512-1xBxaf9zEaDvZ38fAhkrF8RkRhLBUU4cbrioQPPrpmV7dxZorCv68996j9VK+ZUX9chFvvStJz70+q+AFFV2Lg==}
     peerDependencies:
       react: ^16.9 || ^17
@@ -2261,7 +2262,7 @@ packages:
       '@sanity/base': 2.36.2(prop-types@15.8.1)(react-dom@17.0.2)(react@17.0.2)(styled-components@6.1.8)
       '@sanity/client': 3.4.1
       '@sanity/generate-help-url': 3.0.0
-      '@sanity/logos': 1.1.21(@sanity/color@2.1.10)(react@17.0.2)
+      '@sanity/logos': 1.1.21(@sanity/color@3.0.0)(react@17.0.2)
       '@sanity/ui': 0.37.22(react-dom@17.0.2)(react@17.0.2)(styled-components@6.1.8)
       prop-types: 15.8.1
       react: 17.0.2
@@ -2545,13 +2546,13 @@ packages:
       - supports-color
     dev: false
 
-  /@sanity/logos@1.1.21(@sanity/color@2.1.10)(react@17.0.2):
+  /@sanity/logos@1.1.21(@sanity/color@3.0.0)(react@17.0.2):
     resolution: {integrity: sha512-LM7pK/RXL3M8clxHQ7j/KHr4AqiX4SeVXMsMRAjNMRO3S8pOcX8fG6+VZOMPxToyr7377eCElEfr2QzrQoddZg==}
     peerDependencies:
       '@sanity/color': ^2.0
       react: ^16.9 || ^17 || ^18
     dependencies:
-      '@sanity/color': 2.1.10
+      '@sanity/color': 3.0.0
       react: 17.0.2
     dev: false