diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx
index 87fcf03..a64d567 100644
--- a/src/components/Button/index.tsx
+++ b/src/components/Button/index.tsx
@@ -1,7 +1,16 @@
 import { Wrapper } from './styles';
 
 type ButtonProps = Omit<React.AllHTMLAttributes<HTMLButtonElement>, 'size'> & {
-  color: 'client' | 'productOwner' | 'developer' | 'admin';
+  color:
+    | 'client'
+    | 'productOwner'
+    | 'developer'
+    | 'admin'
+    | 'success'
+    | 'warning'
+    | 'error'
+    | 'black'
+    | 'white';
   size?: 'small' | 'big';
   variant?: 'primary-action' | 'secondary-action' | 'outlined' | 'text';
   iconLeft?: React.SVGProps<SVGSVGElement>;
diff --git a/src/components/Button/styles.ts b/src/components/Button/styles.ts
index 509e503..b6161e7 100644
--- a/src/components/Button/styles.ts
+++ b/src/components/Button/styles.ts
@@ -1,7 +1,16 @@
 import styled, { css } from 'styled-components';
 
 type WrapperProps = {
-  color: 'client' | 'productOwner' | 'developer' | 'admin';
+  color:
+    | 'client'
+    | 'productOwner'
+    | 'developer'
+    | 'admin'
+    | 'success'
+    | 'warning'
+    | 'error'
+    | 'black'
+    | 'white';
   size?: 'small' | 'big';
   variant?: 'primary-action' | 'secondary-action' | 'outlined' | 'text';
   iconLeft?: React.SVGProps<SVGSVGElement>;