diff --git a/packages/web-app-admin-settings/src/index.ts b/packages/web-app-admin-settings/src/index.ts
index 2b3d4d32a8b..9a26edfc220 100644
--- a/packages/web-app-admin-settings/src/index.ts
+++ b/packages/web-app-admin-settings/src/index.ts
@@ -206,7 +206,7 @@ export default defineWebApplication({
       name: $gettext('Admin Settings'),
       id: APPID,
       icon: 'settings-4',
-      color: '#2b2b2b'
+      color: '#887ef1'
     }
 
     const extensions = computed<Extension[]>(() => {