diff --git a/src/assets/scss/_settings.scss b/src/assets/scss/_settings.scss
--- a/src/assets/scss/_settings.scss
+++ b/src/assets/scss/_settings.scss
@@ -52,7 +52,7 @@
   primary: #2C6A74,
   secondary: #3F8B82,
   success: #3F8B82,
-  warning: #F06330,
+  warning: #F2792E,
   alert: #F06330,
 );
 $light-gray: #e6e6e6;
diff --git a/src/styleguide/index.md b/src/styleguide/index.md
--- a/src/styleguide/index.md
+++ b/src/styleguide/index.md
@@ -134,32 +134,32 @@
 <div class="row up-1 medium-up-3 large-up-5">
   <div class="column">
     <div class="color-block">
-      <span style="background: #2199e8"></span>
-      #2199e8
+      <span style="background: #2C6A74"></span>
+      #2C6A74
     </div>
   </div>
   <div class="column">
     <div class="color-block">
-      <span style="background: #3adb76"></span>
-      #3adb76
+      <span style="background: #3F8B82"></span>
+      #3F8B82
     </div>
   </div>
   <div class="column">
     <div class="color-block">
-      <span style="background: #ffae00"></span>
-      #ffae00
+      <span style="background: #3F8B82"></span>
+      #3F8B82
     </div>
   </div>
   <div class="column">
     <div class="color-block">
-      <span style="background: #ec5840"></span>
-      #ec5840
+      <span style="background: #F2792E"></span>
+      #F2792E
     </div>
   </div>
   <div class="column">
     <div class="color-block">
-      <span style="background: #0a0a0a"></span>
-      #0a0a0a
+      <span style="background: #F06330"></span>
+      #F06330
     </div>
   </div>
 </div>