diff --git a/puppetboard/templates/_macros.html b/puppetboard/templates/_macros.html
index 759306d..818c6f4 100644
--- a/puppetboard/templates/_macros.html
+++ b/puppetboard/templates/_macros.html
@@ -29,9 +29,9 @@
 {%- endmacro %}
 {% macro facts_graph(facts, autofocus=False, condensed=False, show_node=False, margin_top=20, margin_bottom=20) -%}
 <script src="{{url_for('static', filename='js/Chart.js')}}"></script>
-<canvas id="factChart" width="400" height="400"></canvas>
+<canvas id="factChart" width="300" height="300"></canvas>
 <script type="text/javascript">
-  var colors = [ "#F38630", "#E0E4CC", "#69D2E7", "#D11151", "#787BE3", "#B59370", "#B30202" ];
+  var colors = ["#9B59B6", "#3498DB", "#2ECC71", "#1ABC9C", "#F1C40F", "#E67E22", "#E74C3C"];
   var len_colors = colors.length;
   var data = [
 {% for fact in facts|groupby('value') %}
@@ -53,9 +53,9 @@
 {%- endmacro %}
 {% macro facts_graph_value(facts, autofocus=False, condensed=False, show_node=False, margin_top=20, margin_bottom=20) -%}
 <script src="{{url_for('static', filename='js/Chart.js')}}"></script>
-<canvas id="factChart_value" width="400" height="400"></canvas>
+<canvas id="factChart_value" width="300" height="300"></canvas>
 <script type="text/javascript">
-  var colors = [ "#F38630", "#E0E4CC", "#69D2E7", "#D11151", "#787BE3", "#B59370", "#B30202" ];
+  var colors = ["#9B59B6", "#3498DB", "#2ECC71", "#1ABC9C", "#F1C40F", "#E67E22", "#E74C3C"];
   var len_colors = colors.length;
   var data = [
 {% for fact in facts|groupby('value') %}