diff --git a/packages/ui/client/utils/task.ts b/packages/ui/client/utils/task.ts
index b5e59a988099..23c1282290e5 100644
--- a/packages/ui/client/utils/task.ts
+++ b/packages/ui/client/utils/task.ts
@@ -25,6 +25,6 @@ export function getProjectNameColor(name: string | undefined) {
   const index = name
     .split('')
     .reduce((acc, v, idx) => acc + v.charCodeAt(0) + idx, 0)
-  const colors = ['blue', 'yellow', 'cyan', 'green', 'magenta']
+  const colors = ['yellow', 'cyan', 'green', 'magenta']
   return colors[index % colors.length]
 }
diff --git a/packages/vitest/src/node/reporters/renderers/utils.ts b/packages/vitest/src/node/reporters/renderers/utils.ts
index 25893706f1ef..c3a05de72335 100644
--- a/packages/vitest/src/node/reporters/renderers/utils.ts
+++ b/packages/vitest/src/node/reporters/renderers/utils.ts
@@ -223,9 +223,9 @@ export function formatProjectName(name: string | undefined, suffix = ' ') {
     .split('')
     .reduce((acc, v, idx) => acc + v.charCodeAt(0) + idx, 0)
 
-  const colors = [c.black, c.yellow, c.cyan, c.green, c.magenta]
+  const colors = [c.bgYellow, c.bgCyan, c.bgGreen, c.bgMagenta]
 
-  return c.inverse(colors[index % colors.length](` ${name} `)) + suffix
+  return c.black(colors[index % colors.length](` ${name} `)) + suffix
 }
 
 export function withLabel(color: 'red' | 'green' | 'blue' | 'cyan' | 'yellow', label: string, message?: string) {