diff --git a/examples/theming.html b/examples/theming.html
index bd2b789b9..1666ddffa 100644
--- a/examples/theming.html
+++ b/examples/theming.html
@@ -98,15 +98,19 @@
     </div>
     <div class="column">
       <div class="ui four column stackable middle aligned centered color grid">
-        <div class="black column">Black</div>
+        <div class="red column">Red</div>
         <div class="orange column">Orange</div>
+        <div class="yellow column">Yellow</div>
+        <div class="olive column">Olive</div>
         <div class="green column">Green</div>
         <div class="teal column">Teal</div>
         <div class="blue column">Blue</div>
+        <div class="violet column">Violet</div>
         <div class="purple column">Purple</div>
         <div class="pink column">Pink</div>
-        <div class="red column">Red</div>
-        <div class="yellow column">Yellow</div>
+        <div class="brown column">Brown</div>
+        <div class="grey column">Grey</div>
+        <div class="black column">Black</div>
       </div>
     </div>
   </div>