diff --git a/src/components/Spinner/index.tsx b/src/components/Spinner/index.tsx
index 30d0a25..d03b9b5 100644
--- a/src/components/Spinner/index.tsx
+++ b/src/components/Spinner/index.tsx
@@ -1,7 +1,14 @@
 import { Wrapper } from './styles';
 
 type SpinnerProps = {
-  color?: 'client' | 'productOwner' | 'developer' | 'admin';
+  color?:
+    | 'client'
+    | 'productOwner'
+    | 'developer'
+    | 'admin'
+    | 'white'
+    | 'black'
+    | 'gray';
   fullScreen?: boolean;
 };
 
diff --git a/src/components/Spinner/styles.ts b/src/components/Spinner/styles.ts
index a6d2d0c..75b510e 100644
--- a/src/components/Spinner/styles.ts
+++ b/src/components/Spinner/styles.ts
@@ -1,7 +1,14 @@
 import styled, { css } from 'styled-components';
 
 type WrapperProps = {
-  color?: 'client' | 'productOwner' | 'developer' | 'admin';
+  color?:
+    | 'client'
+    | 'productOwner'
+    | 'developer'
+    | 'admin'
+    | 'white'
+    | 'black'
+    | 'gray';
   fullScreen?: boolean;
 };