diff --git a/src/components/layout/Paragraph/index.js b/src/components/layout/Paragraph/index.js
index ceb13185..a9f08efc 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',
-  color?: 'soft' | 'medium' | 'dark' | 'white' | 'fancy' | 'primary',
+  color?: 'soft' | 'medium' | 'dark' | 'white' | 'fancy' | 'primary' | 'warning',
   transform?: 'capitalize' | 'lowercase' | 'uppercase',
   children: React$Node,
   className?: string,
diff --git a/src/components/layout/Paragraph/index.scss b/src/components/layout/Paragraph/index.scss
index 56c13001..3152a73f 100644
--- a/src/components/layout/Paragraph/index.scss
+++ b/src/components/layout/Paragraph/index.scss
@@ -19,6 +19,9 @@
   color: $fancy;
 }
 
+.warning {
+  color: $warning;
+}
 .primary {
   color: $fontColor,
 }