diff --git a/src/components/NcAvatar/NcAvatar.vue b/src/components/NcAvatar/NcAvatar.vue
index 5d00531f5c..4fd1e647f2 100644
--- a/src/components/NcAvatar/NcAvatar.vue
+++ b/src/components/NcAvatar/NcAvatar.vue
@@ -129,7 +129,7 @@ export default {
 			:class="'avatardiv__user-status--' + userStatus.status" />
 
 		<!-- Show the letter if no avatar nor icon class -->
-		<div v-if="userDoesNotExist && !(iconClass || $slots.icon)" class="unknown">
+		<div v-if="userDoesNotExist && !(iconClass || $slots.icon)" :style="initialsStyle" class="unknown">
 			{{ initials }}
 		</div>
 	</div>
@@ -405,6 +405,12 @@ export default {
 			}
 			return style
 		},
+		initialsStyle() {
+			const { r, g, b } = usernameToColor(this.getUserIdentifier)
+			return {
+				color: `rgb(${r}, ${g}, ${b})`,
+			}
+		},
 		tooltip() {
 			if (this.disableTooltip) {
 				return false
@@ -711,7 +717,6 @@ export default {
 		width: 100%;
 		text-align: center;
 		font-weight: normal;
-		color: var(--color-main-background);
 	}
 
 	img {