diff --git a/defaultConfig.js b/defaultConfig.js
index eb43a1b56..b6ee51c75 100644
--- a/defaultConfig.js
+++ b/defaultConfig.js
@@ -68,16 +68,16 @@ var colors = {
   'grey-lightest': '#fafcfc',
   'white': '#ffffff',
 
-  'red-darkest': '#610b08',
-  'red-darker': '#a61611',
+  'red-darkest': '#420806',
+  'red-darker': '#6a1b19',
   'red-dark': '#cc1f1a',
   'red': '#e3342f',
   'red-light': '#ef5753',
   'red-lighter': '#f9acaa',
   'red-lightest': '#fcebea',
 
-  'orange-darkest': '#622c06',
-  'orange-darker': '#ad560e',
+  'orange-darkest': '#542605',
+  'orange-darker': '#7f4012',
   'orange-dark': '#de751f',
   'orange': '#f6993f',
   'orange-light': '#faad63',
@@ -85,7 +85,7 @@ var colors = {
   'orange-lightest': '#fff5eb',
 
   'yellow-darkest': '#453411',
-  'yellow-darker': '#d9b111',
+  'yellow-darker': '#684f1d',
   'yellow-dark': '#f2d024',
   'yellow': '#ffed4a',
   'yellow-light': '#fff382',
@@ -93,7 +93,7 @@ var colors = {
   'yellow-lightest': '#fcfbeb',
 
   'green-darkest': '#032d19',
-  'green-darker': '#0e693e',
+  'green-darker': '#0b4228',
   'green-dark': '#1f9d55',
   'green': '#38c172',
   'green-light': '#51d88a',
@@ -101,7 +101,7 @@ var colors = {
   'green-lightest': '#e3fcec',
 
   'teal-darkest': '#0d3331',
-  'teal-darker': '#298f8b',
+  'teal-darker': '#174e4b',
   'teal-dark': '#38a89d',
   'teal': '#4dc0b5',
   'teal-light': '#64d5ca',
@@ -109,7 +109,7 @@ var colors = {
   'teal-lightest': '#e8fffe',
 
   'blue-darkest': '#05233b',
-  'blue-darker': '#225e8f',
+  'blue-darker': '#103d60',
   'blue-dark': '#2779bd',
   'blue': '#3490dc',
   'blue-light': '#6cb2eb',
@@ -117,7 +117,7 @@ var colors = {
   'blue-lightest': '#eff8ff',
 
   'indigo-darkest': '#191e38',
-  'indigo-darker': '#3c488c',
+  'indigo-darker': '#2f365f',
   'indigo-dark': '#5661b3',
   'indigo': '#6574cd',
   'indigo-light': '#7886d7',
@@ -125,7 +125,7 @@ var colors = {
   'indigo-lightest': '#e6e8ff',
 
   'purple-darkest': '#1f133f',
-  'purple-darker': '#5d3aac',
+  'purple-darker': '#352465',
   'purple-dark': '#794acf',
   'purple': '#9561e2',
   'purple-light': '#a779e9',
@@ -133,7 +133,7 @@ var colors = {
   'purple-lightest': '#f3ebff',
 
   'pink-darkest': '#45051e',
-  'pink-darker': '#b71b5e',
+  'pink-darker': '#72173a',
   'pink-dark': '#eb5286',
   'pink': '#f66d9b',
   'pink-light': '#fa7ea8',
diff --git a/docs/source/docs/colors.blade.md b/docs/source/docs/colors.blade.md
index b70a357cd..271e1b224 100644
--- a/docs/source/docs/colors.blade.md
+++ b/docs/source/docs/colors.blade.md
@@ -170,7 +170,7 @@ To get you started, we've provided a generous palette of great looking colors th
         <span>Dark</span>
         <span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['yellow-dark']) }}</span>
       </div>
-      <div class="text-yellow-darkest bg-yellow-darker px-6 py-3 text-sm font-semibold flex justify-between">
+      <div class="text-white bg-yellow-darker px-6 py-3 text-sm font-semibold flex justify-between">
         <span>Darker</span>
         <span class="font-normal opacity-75">{{ strtoupper($page->config['colors']['yellow-darker']) }}</span>
       </div>