diff --git a/src/EventCell.js b/src/EventCell.js
index b304168a96..a493c6bb36 100644
--- a/src/EventCell.js
+++ b/src/EventCell.js
@@ -38,9 +38,12 @@ class EventCell extends React.Component {
       localizer.diff(start, localizer.ceil(end, 'day'), 'day') > 1
 
     let userProps = getters.eventProp(event, start, end, selected)
-
     const content = (
-      <div className="rbc-event-content" title={tooltip || undefined}>
+      <div
+        className="rbc-event-content"
+        style={event.style || {}}
+        title={tooltip || undefined}
+      >
         {Event ? (
           <Event
             event={event}
@@ -63,7 +66,7 @@ class EventCell extends React.Component {
         <div
           {...props}
           tabIndex={0}
-          style={{ ...userProps.style, ...style }}
+          style={{ ...userProps.style, ...style, ...(event.style || {}) }}
           className={clsx('rbc-event', className, userProps.className, {
             'rbc-selected': selected,
             'rbc-event-allday': showAsAllDay,
diff --git a/stories/resources/events.js b/stories/resources/events.js
index 90aaa4b4c3..b8f34694af 100644
--- a/stories/resources/events.js
+++ b/stories/resources/events.js
@@ -7,6 +7,9 @@ export default [
     allDay: true,
     start: new Date(2015, 3, 0),
     end: new Date(2015, 3, 1),
+    style: {
+      backgroundColor: 'red',
+    },
   },
   {
     id: 1,
@@ -48,6 +51,10 @@ export default [
     start: new Date(2015, 3, 12, 10, 30, 0, 0),
     end: new Date(2015, 3, 12, 12, 30, 0, 0),
     desc: 'Pre-meeting meeting, to prepare for the meeting',
+    style: {
+      backgroundColor: 'yellow',
+      color: 'black',
+    },
   },
   {
     id: 7,