diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte
index f83a5ada0f..05a1ee6aa2 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPanel.svelte
@@ -12,7 +12,7 @@
   $: roleName = $roles.find(x => x._id === roleId)?.name || "Unknown"
 
   const getRoleColor = roleId => {
-    return RoleColours[roleId] || "#ffa500"
+    return RoleColours[roleId] || "#ff6500"
   }
 </script>
 
diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenNavigationPanel.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenNavigationPanel.svelte
index babaea427a..146d28081e 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenNavigationPanel.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/screens/_components/ScreenNavigationPanel.svelte
@@ -45,7 +45,7 @@
   }
 
   const getRoleColor = roleId => {
-    return RoleColours[roleId] || "#ffa500"
+    return RoleColours[roleId] || "#ff6500"
   }
 </script>