diff --git a/ts/components/AddUserToAnotherGroupModal.tsx b/ts/components/AddUserToAnotherGroupModal.tsx
index 40a682428d..8c202d247d 100644
--- a/ts/components/AddUserToAnotherGroupModal.tsx
+++ b/ts/components/AddUserToAnotherGroupModal.tsx
@@ -129,7 +129,7 @@ export function AddUserToAnotherGroupModal({
       }
 
       return {
-        ...pick(convo, 'id', 'avatarUrl', 'title', 'hasAvatar'),
+        ...pick(convo, 'id', 'avatarUrl', 'title', 'hasAvatar', 'color'),
         memberships,
         membersCount,
         disabledReason,
diff --git a/ts/components/conversationList/GroupListItem.tsx b/ts/components/conversationList/GroupListItem.tsx
index 46d6d29e6d..54ea0fe1d0 100644
--- a/ts/components/conversationList/GroupListItem.tsx
+++ b/ts/components/conversationList/GroupListItem.tsx
@@ -16,7 +16,12 @@ export enum DisabledReason {
 
 export type GroupListItemConversationType = Pick<
   ConversationType,
-  'avatarPlaceholderGradient' | 'id' | 'title' | 'avatarUrl' | 'hasAvatar'
+  | 'avatarPlaceholderGradient'
+  | 'id'
+  | 'title'
+  | 'avatarUrl'
+  | 'hasAvatar'
+  | 'color'
 > & {
   disabledReason: DisabledReason | undefined;
   membersCount: number;
@@ -57,6 +62,7 @@ export function GroupListItem({
         <Avatar
           avatarPlaceholderGradient={group.avatarPlaceholderGradient}
           avatarUrl={group.avatarUrl}
+          color={group.color}
           conversationType="group"
           hasAvatar={group.hasAvatar}
           i18n={i18n}
diff --git a/ts/state/smart/HeroRow.tsx b/ts/state/smart/HeroRow.tsx
index b9197db2ed..ca3cce387a 100644
--- a/ts/state/smart/HeroRow.tsx
+++ b/ts/state/smart/HeroRow.tsx
@@ -72,6 +72,7 @@ export const SmartHeroRow = memo(function SmartHeroRow({
     about,
     acceptedMessageRequest,
     avatarUrl,
+    color,
     groupDescription,
     hasAvatar,
     isMe,
@@ -95,6 +96,7 @@ export const SmartHeroRow = memo(function SmartHeroRow({
       acceptedMessageRequest={acceptedMessageRequest}
       avatarUrl={avatarUrl}
       badge={badge}
+      color={color}
       conversationType={type}
       fromOrAddedByTrustedContact={fromOrAddedByTrustedContact}
       groupDescription={groupDescription}