diff --git a/puppetboard/templates/_macros.html b/puppetboard/templates/_macros.html
index 1d03aa3..759306d 100644
--- a/puppetboard/templates/_macros.html
+++ b/puppetboard/templates/_macros.html
@@ -31,20 +31,22 @@
 <script src="{{url_for('static', filename='js/Chart.js')}}"></script>
 <canvas id="factChart" width="400" height="400"></canvas>
 <script type="text/javascript">
-var data = [
-{% set color_list = ["#F38630", "#E0E4CC", "#69D2E7", "#D11151", "#787BE3", "#B59370", "#B30202"] %}
+  var colors = [ "#F38630", "#E0E4CC", "#69D2E7", "#D11151", "#787BE3", "#B59370", "#B30202" ];
+  var len_colors = colors.length;
+  var data = [
 {% for fact in facts|groupby('value') %}
     {
     label: "{{ fact.grouper }}",
-    color: "{{ color_list|random }}",
     value: {{ fact.list|length }}
     },
 {% endfor %}
     {
     value: 0,
-    color: "#000000"
     }
   ]
+  for (var i = 0; i < data.length; i++) {
+    data[i].color = colors[i % len_colors];
+  }
   var ctx = document.getElementById("factChart").getContext("2d");
   new Chart(ctx).Pie(data.sort(function(a,b) { return parseFloat(a.value) - parseFloat(b.value)}));
 </script>