diff --git a/_includes/nav-customize.html b/_includes/nav-customize.html
index 3099d6c719..26dbd3b039 100644
--- a/_includes/nav-customize.html
+++ b/_includes/nav-customize.html
@@ -12,6 +12,7 @@
     <li><a href="#variables-form-states">Form states</a></li>
     <li><a href="#variables-alerts">Alerts</a></li>
     <li><a href="#variables-navbar">Navbar</a></li>
+    <li><a href="#variables-nav">Nav</a></li>
     <li><a href="#variables-tables">Tables</a></li>
     <li><a href="#variables-forms">Forms</a></li>
     <li><a href="#variables-dropdowns">Dropdowns</a></li>
diff --git a/customize.html b/customize.html
index ae8f9a11d0..d2ac699b37 100644
--- a/customize.html
+++ b/customize.html
@@ -724,6 +724,13 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
           <input type="text" placeholder="darken(@navbar-link-color, 10%)">
           <label>@navbar-brand-hover-bg</label>
           <input type="text" placeholder="transparent">
+          <h4>Toggle</h4>          
+          <label>@navbar-toggle-hover-bg</label>
+          <input type="text" placeholder="#ddd">
+          <label>@navbar-toggle-icon-bar-bg</label>
+          <input type="text" placeholder="#ccc">
+          <label>@navbar-toggle-border-color</label>
+          <input type="text" placeholder="#ddd">
         </div>
         <div class="col-lg-6">
           <h3>Inverted navbar</h3>
@@ -754,9 +761,56 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
           <input type="text" placeholder="#fff">
           <label>@navbar-inverse-brand-hover-bg</label>
           <input type="text" placeholder="transparent">
+          <h4>Toggle</h4>          
+          <label>@navbar-inverse-toggle-hover-bg</label>
+          <input type="text" placeholder="#333">
+          <label>@navbar-inverse-toggle-icon-bar-bg</label>
+          <input type="text" placeholder="#fff">
+          <label>@navbar-inverse-toggle-border-color</label>
+          <input type="text" placeholder="#333">
         </div>
       </div>
 
+      
+      <h2 id="variables-nav">Nav</h2>
+      <div class="row">
+        <div class="col-lg-6">
+          <h3>Default nav</h3>
+          <h4>Basics</h4>
+          <label>@nav-link-hover-bg</label>
+          <input type="text" placeholder="@gray-lighter">
+          <label>@nav-disabled-link-color</label>
+          <input type="text" placeholder="@gray-light">
+          <label>@nav-disabled-link-hover-color</label>
+          <input type="text" placeholder="@gray-light">
+          <label>@nav-open-link-hover-color</label>
+          <input type="text" placeholder="#fff">
+          <label>@nav-open-caret-border-color</label>
+          <input type="text" placeholder="@fff">
+          <h4>Tabs</h4>
+          <label>@nav-tabs-border-color</label>
+          <input type="text" placeholder="@ddd">
+          <label>@nav-tabs-link-hover-border-color</label>
+          <input type="text" placeholder="@gray-lighter">
+          <label>@nav-tabs-active-link-hover-color</label>
+          <input type="text" placeholder="@gray">
+          <label>@nav-tabs-active-link-hover-bg</label>
+          <input type="text" placeholder="@body-bg">
+          <label>@nav-tabs-active-link-hover-border-color</label>
+          <input type="text" placeholder="#ddd">
+          <label>@nav-tabs-justified-link-border-color</label>
+          <input type="text" placeholder="#ddd">
+          <label>@nav-tabs-justified-active-link-border-color</label>
+          <input type="text" placeholder="@body-bg">
+          <h4>Pills</h4>
+          <label>@nav-pills-active-link-hover-color</label>
+          <input type="text" placeholder="@fff">
+          <label>@nav-pills-active-link-hover-bg</label>
+          <input type="text" placeholder="@component-active-bg">
+        </div>
+      </div>
+      
+      
       <h2 id="variables-tables">Tables</h2>
       <div class="row">
         <div class="col-lg-6">
diff --git a/less/navbar.less b/less/navbar.less
index 3e0e58b288..4335413ef9 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -123,12 +123,12 @@
   height: 32px;
   padding: 8px 12px;
   background-color: transparent;
-  border: 1px solid #ddd;
-  border-radius: 4px;
+  border: 1px solid @navbar-toggle-border-color;
+  border-radius: @border-radius-base;
 
   &:hover,
   &:focus {
-    background-color: #ddd;
+    background-color: @navbar-toggle-hover-bg;
   }
 
   // Bars
@@ -136,7 +136,7 @@
     display: block;
     width: 22px;
     height: 2px;
-    background-color: #ccc;
+    background-color: @navbar-toggle-icon-bar-bg;
     border-radius: 1px;
   }
   .icon-bar + .icon-bar {
@@ -250,13 +250,13 @@
 
   // Darken the responsive nav toggle
   .navbar-toggle {
-    border-color: #333;
+    border-color: @navbar-inverse-toggle-border-color;
     &:hover,
     &:focus {
-      background-color: #333;
+      background-color: @navbar-inverse-toggle-hover-bg;
     }
     .icon-bar {
-      background-color: #fff;
+      background-color: @navbar-inverse-toggle-icon-bar-bg;
     }
   }
 
diff --git a/less/navs.less b/less/navs.less
index 21968dd77e..7d64ef13a8 100644
--- a/less/navs.less
+++ b/less/navs.less
@@ -23,17 +23,17 @@
       &:hover,
       &:focus {
         text-decoration: none;
-        background-color: @gray-lighter;
+        background-color: @nav-link-hover-bg;
       }
     }
 
     // Disabled state sets text to gray and nukes hover/tab effects
     &.disabled > a {
-      color: @gray-light;
+      color: @nav-disabled-link-color;
 
       &:hover,
       &:focus {
-        color: @gray-light;
+        color: @nav-disabled-link-hover-color;
         text-decoration: none;
         background-color: transparent;
         cursor: not-allowed;
@@ -51,12 +51,12 @@
     &,
     &:hover,
     &:focus {
-      color: #fff;
+      color: @nav-open-link-hover-color;
       background-color: @link-color;
       border-color: @link-color;
       .caret {
-        border-top-color: #fff;
-        border-bottom-color: #fff;
+        border-top-color: @nav-open-caret-border-color;
+        border-bottom-color: @nav-open-caret-border-color;
       }
     }
   }
@@ -83,7 +83,7 @@
 
 // Give the tabs something to sit on
 .nav-tabs {
-  border-bottom: 1px solid #ddd;
+  border-bottom: 1px solid @nav-tabs-border-color;
   > li {
     float: left;
     // Make the list-items overlay the bottom border
@@ -96,7 +96,7 @@
       border: 1px solid transparent;
       border-radius: @border-radius-base @border-radius-base 0 0;
       &:hover {
-        border-color: @gray-lighter @gray-lighter #ddd;
+        border-color: @nav-tabs-link-hover-border-color;
       }
     }
 
@@ -105,9 +105,9 @@
       &,
       &:hover,
       &:focus {
-        color: @gray;
-        background-color: @body-bg;
-        border: 1px solid #ddd;
+        color: @nav-tabs-active-link-hover-color;
+        background-color: @nav-tabs-active-link-hover-bg;
+        border: 1px solid @nav-tabs-active-link-hover-border-color;
         border-bottom-color: transparent;
         cursor: default;
       }
@@ -142,8 +142,8 @@
       &,
       &:hover,
       &:focus {
-        color: #fff;
-        background-color: @component-active-bg;
+        color: @nav-pills-active-link-hover-color;
+        background-color: @nav-pills-active-link-hover-bg;
       }
     }
   }
@@ -183,13 +183,13 @@
 .nav-tabs-justified {
   border-bottom: 0;
   > li > a {
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid @nav-tabs-justified-link-border-color;
 
     // Override margin from .nav-tabs
     margin-right: 0;
   }
   > .active > a {
-    border-bottom-color: @body-bg;
+    border-bottom-color: @nav-tabs-justified-active-link-border-color;
   }
 
 }
diff --git a/less/variables.less b/less/variables.less
index 342eef67c9..cba5b1194a 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -224,6 +224,43 @@
 @navbar-inverse-search-border:              @navbar-inverse-bg;
 @navbar-inverse-search-placeholder-color:   #ccc;
 
+// Navbar toggle
+@navbar-toggle-hover-bg:                    #ddd;
+@navbar-toggle-icon-bar-bg:                 #ccc;
+@navbar-toggle-border-color:                #ddd;
+
+// Inverted navbar toggle
+@navbar-inverse-toggle-hover-bg:            #333;
+@navbar-inverse-toggle-icon-bar-bg:         #fff;
+@navbar-inverse-toggle-border-color:        #333;
+
+// Navs
+// -------------------------
+
+@nav-link-hover-bg:                         @gray-lighter;
+
+@nav-disabled-link-color:                   @gray-light;
+@nav-disabled-link-hover-color:             @gray-light;
+
+@nav-open-link-hover-color:                 #fff;
+@nav-open-caret-border-color:               #fff;
+
+// Tabs
+@nav-tabs-border-color:                     #ddd;
+
+@nav-tabs-link-hover-border-color:          @gray-lighter;
+
+@nav-tabs-active-link-hover-bg:             @body-bg;
+@nav-tabs-active-link-hover-color:          @gray;
+@nav-tabs-active-link-hover-border-color:   #ddd;
+
+@nav-tabs-justified-link-border-color:            #ddd;
+@nav-tabs-justified-active-link-border-color:     @body-bg;
+
+// Pills
+@nav-pills-active-link-hover-bg:            @component-active-bg;
+
+@nav-pills-active-link-hover-color:         #fff;
 
 // Pagination
 // -------------------------