diff --git a/.changeset/easy-colts-dream.md b/.changeset/easy-colts-dream.md
new file mode 100644
index 000000000..9d756ea0b
--- /dev/null
+++ b/.changeset/easy-colts-dream.md
@@ -0,0 +1,5 @@
+---
+'@asgardeo/react': patch
+---
+
+Change button color from secondary to primary in BaseSignOutButton
diff --git a/packages/react/src/components/actions/SignOutButton/BaseSignOutButton.tsx b/packages/react/src/components/actions/SignOutButton/BaseSignOutButton.tsx
index 18889e64a..a989ca1d5 100644
--- a/packages/react/src/components/actions/SignOutButton/BaseSignOutButton.tsx
+++ b/packages/react/src/components/actions/SignOutButton/BaseSignOutButton.tsx
@@ -98,7 +98,7 @@ const BaseSignOutButton: ForwardRefExoticComponent<BaseSignOutButtonProps & RefA
           disabled={isLoading}
           loading={isLoading}
           type="button"
-          color="secondary"
+          color="primary"
           variant="outline"
           {...rest}
         >