diff --git a/packages/components/buttons/primary-button/src/primary-button.styles.ts b/packages/components/buttons/primary-button/src/primary-button.styles.ts
index 4a724d24e0..3be3b16af3 100644
--- a/packages/components/buttons/primary-button/src/primary-button.styles.ts
+++ b/packages/components/buttons/primary-button/src/primary-button.styles.ts
@@ -45,7 +45,7 @@ const getButtonStyles = (
         &,
         &:active,
         &:hover {
-          background-color: ${designTokens.colorAccent95};
+          background-color: ${designTokens.colorNeutral95};
           color: ${designTokens.colorNeutral60};
           box-shadow: ${designTokens.shadow0};
         }
diff --git a/packages/components/buttons/secondary-button/src/secondary-button.styles.ts b/packages/components/buttons/secondary-button/src/secondary-button.styles.ts
index b3c3f7e8c2..898d8b3e55 100644
--- a/packages/components/buttons/secondary-button/src/secondary-button.styles.ts
+++ b/packages/components/buttons/secondary-button/src/secondary-button.styles.ts
@@ -13,7 +13,7 @@ const getStateStyles = (
   if (isDisabled) {
     return css`
       box-shadow: ${designTokens.shadow0};
-      background-color: ${designTokens.colorAccent95};
+      background-color: ${designTokens.colorNeutral95};
       border: none;
       color: ${designTokens.colorNeutral60};
       &:focus,