diff --git a/core/src/components/label/test/basic/index.html b/core/src/components/label/test/basic/index.html
index d0b566cafc..377e58c46b 100644
--- a/core/src/components/label/test/basic/index.html
+++ b/core/src/components/label/test/basic/index.html
@@ -19,11 +19,31 @@
     </ion-header>
 
     <ion-content>
+      <div padding>
+        <ion-label>Default</ion-label>
+
+        <ion-label color="secondary">Secondary</ion-label>
+
+        <ion-label color="tertiary">Tertiary</ion-label>
+
+        <ion-label color="danger">Danger</ion-label>
+
+        <ion-label class="custom">Custom</ion-label>
+      </div>
+
       <ion-list>
         <ion-item>
           <ion-label>Default</ion-label>
           <ion-input></ion-input>
         </ion-item>
+        <ion-item>
+          <ion-label color="tertiary">Tertiary</ion-label>
+          <ion-input></ion-input>
+        </ion-item>
+        <ion-item>
+          <ion-label class="custom">Custom</ion-label>
+          <ion-input></ion-input>
+        </ion-item>
         <ion-item>
           <ion-label text-wrap>Wrap label this label just goes on and on and on</ion-label>
           <ion-input></ion-input>
@@ -42,6 +62,12 @@
         </ion-item>
       </ion-list>
     </ion-content>
+
+    <style>
+      .custom {
+        color: lightblue;
+      }
+    </style>
   </ion-app>
 </body>