diff --git a/assets/js/utils/calendar_default_view.js b/assets/js/utils/calendar_default_view.js
index 208e3fad..dcd93abf 100755
--- a/assets/js/utils/calendar_default_view.js
+++ b/assets/js/utils/calendar_default_view.js
@@ -1077,6 +1077,7 @@ App.Utils.CalendarDefaultView = (function () {
                         start: moment(appointment.start_datetime).toDate(),
                         end: moment(appointment.end_datetime).toDate(),
                         allDay: false,
+                        color: appointment.color,
                         data: appointment // Store appointment data for later use.
                     };
 
diff --git a/assets/js/utils/calendar_table_view.js b/assets/js/utils/calendar_table_view.js
index b23f8f4e..cb4c56b9 100755
--- a/assets/js/utils/calendar_table_view.js
+++ b/assets/js/utils/calendar_table_view.js
@@ -939,6 +939,7 @@ App.Utils.CalendarTableView = (function () {
                 start: moment(appointment.start_datetime).toDate(),
                 end: moment(appointment.end_datetime).toDate(),
                 allDay: false,
+                color: appointment.color,
                 data: appointment // Store appointment data for later use.
             });
         }