diff --git a/customize/index.html b/customize/index.html
index 8d2ea470c5..7b38a4c75a 100644
--- a/customize/index.html
+++ b/customize/index.html
@@ -10,9 +10,9 @@
 <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
 
 <title>
-  
+
     Customize and download &middot; Bootstrap
-  
+
 </title>
 
 <!-- Bootstrap core CSS -->
@@ -109,6 +109,7 @@
 -->
 <!--[if lt IE 9]>
   <style>
+    #defaults-change-alert,
     .bs-customizer,
     .bs-customizer-import,
     .bs-docs-sidebar {
@@ -123,6 +124,11 @@
 
 <!-- Customizer form -->
 
+<div id="defaults-change-alert" class="alert alert-warning alert-dismissible" role="alert">
+  <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+  <strong>Heads up!</strong> The default value for <code>@brand-primary</code> has changed in the latest release to improve contrast and accessibility. Please double check your compiled CSS when upgrading.
+</div>
+
 <div class="bs-docs-section bs-customizer-import">
   <div id="import-drop-target" class="bs-dropzone">
     <h2>✍</h2>
@@ -461,7 +467,7 @@
     <h1 id="less-variables" class="page-header">Less variables</h1>
 
     <p class="lead">Customize Less variables to define colors, sizes and more inside your custom CSS stylesheets.</p>
-    
+
 <!-- NOTE: DO NOT EDIT THE FOLLOWING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-variables.jade template.-->
 <h2 id="colors">Colors</h2>
 <p>Gray and brand colors for use across Bootstrap.</p>
@@ -2336,12 +2342,12 @@
 </form>
 
         </div>
-        
+
         <div class="col-md-3">
           <div class="bs-docs-sidebar hidden-print hidden-xs hidden-sm" role="complementary">
             <ul class="nav bs-docs-sidenav">
-              
-                
+
+
 <!-- NOTE: DO NOT EDIT THE FOLLOWING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-nav.jade template.-->
 <li><a href="#import-drop-target">Import</a></li>
 <li><a href="#less">Less components</a></li>
@@ -2388,15 +2394,15 @@
 </li>
 <li><a href="#download">Download</a></li>
 <!-- NOTE: DO NOT EDIT THE PRECEDING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-nav.jade template.-->
-              
+
             </ul>
             <a class="back-to-top" href="#top">
               Back to top
             </a>
-            
+
           </div>
         </div>
-        
+
       </div>
     </div>
 
@@ -2462,9 +2468,9 @@
 
 
   <script>var __configBridge = {"autoprefixerBrowsers":["Android 2.3","Android >= 4","Chrome >= 20","Firefox >= 24","Explorer >= 8","iOS >= 6","Opera >= 12","Safari >= 6"],"jqueryCheck":["if (typeof jQuery === 'undefined') {","  throw new Error('Bootstrap\\'s JavaScript requires jQuery')","}\n"],"jqueryVersionCheck":["+function ($) {","  var version = $.fn.jquery.split(' ')[0].split('.')","  if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1)) {","    throw new Error('Bootstrap\\'s JavaScript requires jQuery version 1.9.1 or higher')","  }","}(jQuery);\n\n"]}</script>
-  
+
     <script src="../assets/js/customize.min.js"></script>
-  
+
 
 
 <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->