diff --git a/src/components/layout/Paragraph/index.js b/src/components/layout/Paragraph/index.js
index 59534758..6e6e32e3 100644
--- a/src/components/layout/Paragraph/index.js
+++ b/src/components/layout/Paragraph/index.js
@@ -10,7 +10,7 @@ type Props = {
   noMargin?: boolean,
   weight?: 'light' | 'regular' | 'bolder' | 'bold',
   size?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl',
-  color?: 'soft' | 'medium' | 'dark' | 'white' | 'fancy' | 'primary' | 'secondary' | 'warning',
+  color?: 'soft' | 'medium' | 'dark' | 'white' | 'fancy' | 'primary' | 'secondary' | 'warning' | 'disabled',
   transform?: 'capitalize' | 'lowercase' | 'uppercase',
   children: React$Node,
   dot?: boolean,
diff --git a/src/components/layout/Paragraph/index.scss b/src/components/layout/Paragraph/index.scss
index 00f047f6..53b183aa 100644
--- a/src/components/layout/Paragraph/index.scss
+++ b/src/components/layout/Paragraph/index.scss
@@ -31,6 +31,10 @@
   color: $secondary;
 }
 
+.disabled {
+  color: $disabled;
+}
+
 .white {
   color: white;
 }