diff --git a/packages/nc-gui/components/general/WorkspaceIcon.vue b/packages/nc-gui/components/general/WorkspaceIcon.vue
index 4f049b64eb..1735cae134 100644
--- a/packages/nc-gui/components/general/WorkspaceIcon.vue
+++ b/packages/nc-gui/components/general/WorkspaceIcon.vue
@@ -8,9 +8,10 @@ const props = defineProps<{
   size?: 'small' | 'medium' | 'large'
 }>()
 
-const workspaceColor = computed(() =>
-  props.workspace ? props.workspace.meta?.color || stringToColor(props.workspace.id!) : undefined,
-)
+const workspaceColor = computed(() => {
+  const color = props.workspace ? props.workspace.meta?.color || stringToColor(props.workspace.id!) : undefined
+  return color || '#0A1433'
+})
 
 const size = computed(() => props.size || 'medium')
 </script>