diff --git a/src/hooks/useColor.ts b/src/hooks/useColor.ts
index 6f990101520..bd8458b9d72 100644
--- a/src/hooks/useColor.ts
+++ b/src/hooks/useColor.ts
@@ -46,7 +46,13 @@ async function getColorFromToken(token: Token): Promise<string | null> {
 async function getColorFromUriPath(uri: string): Promise<string | null> {
   const formattedPath = uriToHttp(uri)[0]
 
-  const palette = await Vibrant.from(formattedPath).getPalette()
+  let palette
+
+  try {
+    palette = await Vibrant.from(formattedPath).getPalette()
+  } catch (err) {
+    return null
+  }
   if (!palette?.Vibrant) {
     return null
   }