diff --git a/index.html b/index.html
index cc16886d..634574db 100644
--- a/index.html
+++ b/index.html
@@ -718,6 +718,12 @@
             </div>
             <div class="well page" id="material-colors">
               <h1 class="header">Material Color Samples</h1>
+              <p>This is the list of all the supported color variations. Each color can be applied to every element that supports variations.
+              </p>
+              <pre><code>.btn-material-{{color}}
+              .navbar-material-{{color}}
+              .well-material-{{color}}
+              etc...</code></pre>
         <div class="sampleRed">
         <h2><button class="btn btn-material-red btn-lg">Red</button></h2>
                 <button class="btn btn-material-red-50">050</button>