diff --git a/packages/core/src/themes/ionic.functions.scss b/packages/core/src/themes/ionic.functions.scss
index 1c471b65bc..95bd56d129 100644
--- a/packages/core/src/themes/ionic.functions.scss
+++ b/packages/core/src/themes/ionic.functions.scss
@@ -12,7 +12,7 @@
   For example:
 
   $colors: (
-    primary:    #327eff,
+    primary:    #488aff,
     secondary:  (base: #32db64, contrast: #000),
   );";
 
@@ -28,7 +28,7 @@
     For example:
 
     $colors: (
-      #{$color-name}:    #327eff
+      #{$color-name}:    #488aff
     );";
   }
 
@@ -253,7 +253,7 @@
 //
 // Example values
 // --------------------------------------------------
-// primary | #327eff   | #444
+// primary | #488aff   | #444
 // map key | map value | hex color not in map
 // --------------------------------------------------
 //
@@ -278,7 +278,7 @@
   }
 
   // If the value is a map then get the contrast
-  // from the map (e.g. (base: #327eff, contrast: blue))
+  // from the map (e.g. (base: #488aff, contrast: blue))
   @if (type-of($color-value) == map) {
     // If the map has the contrast key then use that
     // otherwise it is a map with just a base so get
diff --git a/packages/core/src/themes/ionic.theme.default.scss b/packages/core/src/themes/ionic.theme.default.scss
index 4215d2a627..ec5646a223 100644
--- a/packages/core/src/themes/ionic.theme.default.scss
+++ b/packages/core/src/themes/ionic.theme.default.scss
@@ -6,7 +6,7 @@
 
 $colors: (
 
-  primary:    #327eff,
+  primary:    #488aff,
   secondary:  #32db64,
   danger:     #f53d3d,
   light:      #f4f4f4,
diff --git a/packages/ionic-angular/src/themes/ionic.functions.scss b/packages/ionic-angular/src/themes/ionic.functions.scss
index 1c471b65bc..95bd56d129 100644
--- a/packages/ionic-angular/src/themes/ionic.functions.scss
+++ b/packages/ionic-angular/src/themes/ionic.functions.scss
@@ -12,7 +12,7 @@
   For example:
 
   $colors: (
-    primary:    #327eff,
+    primary:    #488aff,
     secondary:  (base: #32db64, contrast: #000),
   );";
 
@@ -28,7 +28,7 @@
     For example:
 
     $colors: (
-      #{$color-name}:    #327eff
+      #{$color-name}:    #488aff
     );";
   }
 
@@ -253,7 +253,7 @@
 //
 // Example values
 // --------------------------------------------------
-// primary | #327eff   | #444
+// primary | #488aff   | #444
 // map key | map value | hex color not in map
 // --------------------------------------------------
 //
@@ -278,7 +278,7 @@
   }
 
   // If the value is a map then get the contrast
-  // from the map (e.g. (base: #327eff, contrast: blue))
+  // from the map (e.g. (base: #488aff, contrast: blue))
   @if (type-of($color-value) == map) {
     // If the map has the contrast key then use that
     // otherwise it is a map with just a base so get
diff --git a/packages/ionic-angular/src/themes/ionic.theme.default.scss b/packages/ionic-angular/src/themes/ionic.theme.default.scss
index 4215d2a627..ec5646a223 100644
--- a/packages/ionic-angular/src/themes/ionic.theme.default.scss
+++ b/packages/ionic-angular/src/themes/ionic.theme.default.scss
@@ -6,7 +6,7 @@
 
 $colors: (
 
-  primary:    #327eff,
+  primary:    #488aff,
   secondary:  #32db64,
   danger:     #f53d3d,
   light:      #f4f4f4,