diff --git a/ui/src/components/display/HashBadge.svelte b/ui/src/components/display/HashBadge.svelte
index 8501e43..6fdd2c7 100644
--- a/ui/src/components/display/HashBadge.svelte
+++ b/ui/src/components/display/HashBadge.svelte
@@ -21,8 +21,8 @@
       return;
     }
 
-    const hueRange = 60;
-    const hueCenter = 90 + bytes.length * 3;
+    const hueRange = 120;
+    const hueCenter = 90 + bytes.length * 2.5;
 
     let idx = 0;
     function draw() {