diff --git a/.changeset/early-dots-obey.md b/.changeset/early-dots-obey.md
new file mode 100644
index 0000000000..b4365e10c3
--- /dev/null
+++ b/.changeset/early-dots-obey.md
@@ -0,0 +1,5 @@
+---
+'@commercetools-frontend/application-shell': minor
+---
+
+Update app-bar user settings avatar to display the new recolouring background color
diff --git a/packages/application-shell/src/components/user-settings-menu/user-settings-menu.tsx b/packages/application-shell/src/components/user-settings-menu/user-settings-menu.tsx
index 4de2a7065e..7ff514d847 100644
--- a/packages/application-shell/src/components/user-settings-menu/user-settings-menu.tsx
+++ b/packages/application-shell/src/components/user-settings-menu/user-settings-menu.tsx
@@ -182,6 +182,7 @@ const getUserSettingsMenuItemLinkStyles = () => css`
 const UserSettingsMenuBody = (props: MenuBodyProps) => {
   // Focus on a menu item when it's opened through keyboard
   const menuElementRef = useRef<HTMLAnchorElement>(null);
+  const { themedValue } = useTheme();
   useEffect(() => {
     menuElementRef.current?.focus();
   }, []);
@@ -216,6 +217,7 @@ const UserSettingsMenuBody = (props: MenuBodyProps) => {
               firstName={props.firstName}
               lastName={props.lastName}
               gravatarHash={props.gravatarHash}
+              color={themedValue('accent', 'purple')}
             />
             <div>
               <Text.Subheadline as="h4">