diff --git a/packages/core-components/src/components/Avatar/Avatar.tsx b/packages/core-components/src/components/Avatar/Avatar.tsx
index 2567e9c20b..564fa951f0 100644
--- a/packages/core-components/src/components/Avatar/Avatar.tsx
+++ b/packages/core-components/src/components/Avatar/Avatar.tsx
@@ -29,6 +29,8 @@ const useStyles = makeStyles(
       width: '4rem',
       height: '4rem',
       color: theme.palette.common.white,
+      backgroundColor: (props: { backgroundColor?: string }) =>
+        props.backgroundColor,
     },
     avatarText: {
       fontWeight: theme.typography.fontWeightBold,