diff --git a/src/Event.tsx b/src/Event.tsx
index 8abc95e..275aab8 100644
--- a/src/Event.tsx
+++ b/src/Event.tsx
@@ -53,7 +53,7 @@ class Event extends React.Component {
 
     return (
       <React.Fragment>
-        <PimItemHeader text={this.props.event.summary}>
+        <PimItemHeader text={this.props.event.summary} backgroundColor={this.props.event.color}>
           <div>{formatDateRange(this.props.event.startDate, this.props.event.endDate)}</div>
           <br/>
           <div><u>{this.props.event.location}</u></div>
diff --git a/src/PimItemHeader.tsx b/src/PimItemHeader.tsx
index 544883a..2ab4dc2 100644
--- a/src/PimItemHeader.tsx
+++ b/src/PimItemHeader.tsx
@@ -2,10 +2,10 @@ import * as React from 'react';
 
 import { getPalette } from './App';
 
-export default (props: {text: string, children?: any}) => {
+export default (props: {text: string, backgroundColor?: string, children?: any}) => {
     const style = {
       header: {
-        backgroundColor: getPalette('accent1Color'),
+        backgroundColor: (props.backgroundColor !== undefined) ? props.backgroundColor : getPalette('accent1Color'),
         color: getPalette('alternateTextColor'),
         padding: 15,
       },