diff --git a/public/app/core/components/grafana_app.ts b/public/app/core/components/grafana_app.ts
index eb51334f358..c00b7b2181b 100644
--- a/public/app/core/components/grafana_app.ts
+++ b/public/app/core/components/grafana_app.ts
@@ -7,6 +7,7 @@ import { profiler } from 'app/core/profiler';
 import appEvents from 'app/core/app_events';
 import Drop from 'tether-drop';
 import { createStore } from 'app/stores/store';
+import colors from 'app/core/utils/colors';
 
 export class GrafanaCtrl {
   /** @ngInject */
@@ -26,6 +27,8 @@ export class GrafanaCtrl {
       $scope.dashAlerts = alertSrv;
     };
 
+    $rootScope.colors = colors;
+
     $scope.initDashboard = function(dashboardData, viewScope) {
       $scope.appEvent('dashboard-fetch-end', dashboardData);
       $controller('DashboardCtrl', { $scope: viewScope }).init(dashboardData);