diff --git a/src/views/colors/ColorsDemo.vue b/src/views/colors/ColorsDemo.vue
index 21e2ebb70..c86f5335f 100644
--- a/src/views/colors/ColorsDemo.vue
+++ b/src/views/colors/ColorsDemo.vue
@@ -87,7 +87,7 @@
 export default {
     data() {
         return {
-            colors: ['blue', 'green', 'yellow', 'cyan', 'pink', 'indigo', 'teal', 'orange', 'bluegray', 'purple', 'gray'],
+            colors: ['blue', 'green', 'yellow', 'cyan', 'pink', 'indigo', 'teal', 'orange', 'bluegray', 'purple', 'red', 'gray'],
             shades: [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900]
         }
     }