diff --git a/_data/colors.yml b/_data/colors.yml
index 4208ec75ac978ca779e6f2f0e0481b77f791de29..202270cdcb79ca3a982623e354052bffc0bacf21 100644
--- a/_data/colors.yml
+++ b/_data/colors.yml
@@ -1,26 +1,26 @@
 - name: blue
-  hex: "#007aff"
+  hex: "#007bff"
 - name: indigo
-  hex: "#2b29bb"
+  hex: "#6610f2"
 - name: purple
-  hex: "#882ae0"
+  hex: "#6f42c1"
 - name: pink
-  hex: "#f14095"
+  hex: "#e83e8c"
 - name: red
-  hex: "#ea0242"
+  hex: "#dc3545"
 - name: orange
-  hex: "#ff8d00"
+  hex: "#fd7e14"
 - name: yellow
-  hex: "#ffec00"
+  hex: "#ffc107"
 - name: green
-  hex: "#34da36"
+  hex: "#28a745"
 - name: teal
-  hex: "#1dde8e"
+  hex: "#20c997"
 - name: cyan
-  hex: "#08eff3"
+  hex: "#17a2b8"
 - name: white
   hex: "#fff"
 - name: gray
-  hex: "#464a4c"
+  hex: "#868e96"
 - name: gray-dark
-  hex: "#292b2c"
+  hex: "#343a40"
diff --git a/_data/grays.yml b/_data/grays.yml
index bf9750ee9c19b6811f8777984217027015f6de3b..d6e50f9e140afb03abfd861d50c425da1c18b271 100644
--- a/_data/grays.yml
+++ b/_data/grays.yml
@@ -1,18 +1,18 @@
 - name: 100
   hex: "#f8f9fa"
 - name: 200
-  hex: "#ebedef"
+  hex: "#e9ecef"
 - name: 300
-  hex: "#ced3d8"
+  hex: "#dee2e6"
 - name: 400
-  hex: "#abb3bd"
+  hex: "#ced4da"
 - name: 500
-  hex: "#7c8a99"
+  hex: "#adb5bd"
 - name: 600
-  hex: "#55626f"
+  hex: "#868e96"
 - name: 700
-  hex: "#4a5560"
+  hex: "#495057"
 - name: 800
-  hex: "#384048"
+  hex: "#343a40"
 - name: 900
-  hex: "#131619"
+  hex: "#212529"
diff --git a/_data/theme-colors.yml b/_data/theme-colors.yml
index 92ea28838483cd3ef80dbcc9b6277a7c51930fa9..bef5002acd06197461d458ef7caab5138284a731 100644
--- a/_data/theme-colors.yml
+++ b/_data/theme-colors.yml
@@ -1,5 +1,5 @@
 - name: primary
-  hex: "#007aff"
+  hex: "#007bff"
 - name: secondary
   hex: "#868e96"
 - name: success
diff --git a/docs/4.0/getting-started/theming.md b/docs/4.0/getting-started/theming.md
index c4c50dc4b168da508ddbf24dd60bfa3d7f6e4350..15c5caa0be1fe261457133dee22faabf2b48d77e 100644
--- a/docs/4.0/getting-started/theming.md
+++ b/docs/4.0/getting-started/theming.md
@@ -228,17 +228,19 @@ Within `_variables.scss`, you'll find our color variables and Sass map. Here's a
 
 {% highlight scss %}
 $colors: (
+  "blue": $blue,
+  "indigo": $indigo,
+  "purple": $purple,
+  "pink": $pink,
   "red": $red,
   "orange": $orange,
   "yellow": $yellow,
   "green": $green,
   "teal": $teal,
-  "blue": $blue,
-  "pink": $pink,
-  "purple": $purple,
+  "cyan": $cyan,
   "white": $white,
   "gray": $gray-600,
-  "gray-dark": $gray-900
+  "gray-dark": $gray-800
 ) !default;
 {% endhighlight %}