diff --git a/puppetboard/static/css/puppetboard.css b/puppetboard/static/css/puppetboard.css
index a00cbd0..01b8e63 100644
--- a/puppetboard/static/css/puppetboard.css
+++ b/puppetboard/static/css/puppetboard.css
@@ -4,7 +4,7 @@ body {
 }
 
 a {
-  color: #564F8A;
+  color: #2C3E50;
   text-decoration: none;
 }
 
@@ -55,3 +55,11 @@ th.tablesorter-headerDesc::after {
 .absolute div {
   padding: 1em;
 }
+
+.ui.menu.darkblue {
+  background-color:#2C3E50;
+}
+
+.ui.darkblue.header, i.darkblue {
+  color:#2C3E50;
+}
diff --git a/puppetboard/templates/index.html b/puppetboard/templates/index.html
index 9d1aa20..2aac1fd 100644
--- a/puppetboard/templates/index.html
+++ b/puppetboard/templates/index.html
@@ -32,15 +32,15 @@
   </div>
   <div class="three column row">
     <div class="column">
-      <h1 class="ui header purple no-margin-bottom">{{metrics['num_nodes']}}</h1>
+      <h1 class="ui header darkblue no-margin-bottom">{{metrics['num_nodes']}}</h1>
       <span>Population</span>
     </div>
     <div class="column">
-      <h1 class="ui header purple no-margin-bottom">{{metrics['num_resources']}}</h1>
+      <h1 class="ui header darkblue no-margin-bottom">{{metrics['num_resources']}}</h1>
       <span>Resources managed</span>
     </div>
     <div class="column">
-      <h1 class="ui header purple no-margin-bottom">{{metrics['avg_resources_node']}}</h1>
+      <h1 class="ui header darkblue no-margin-bottom">{{metrics['avg_resources_node']}}</h1>
       <span>Avg. resources/node</span>
     </div>
   </div>
@@ -86,7 +86,7 @@
             </td>
             <td>
               <a title="Latest Report" href="{{url_for('report_latest', node_name=node.name)}}">
-                <i class="large tasks purple icon"></i>
+                <i class="large tasks darkblue icon"></i>
               </a>
             </td>
           </tr>
diff --git a/puppetboard/templates/layout.html b/puppetboard/templates/layout.html
index 8c4d28c..b7697d4 100644
--- a/puppetboard/templates/layout.html
+++ b/puppetboard/templates/layout.html
@@ -10,7 +10,7 @@
   </head>
 
   <body>
-    <nav class="ui fixed purple inverted menu">
+    <nav class="ui fixed darkblue inverted menu">
       <div class="title item">
         Puppetboard
       </div>
diff --git a/puppetboard/templates/nodes.html b/puppetboard/templates/nodes.html
index c4545f6..2b317e3 100644
--- a/puppetboard/templates/nodes.html
+++ b/puppetboard/templates/nodes.html
@@ -46,8 +46,8 @@
       </td>
       <td>
         {% if node.report_timestamp %}
-        <a title='Reports' href="{{url_for('reports_node', node=node.name)}}"><i class='large purple book icon'></i></a>
-        <i class='large purple trash icon'></i>
+        <a title='Reports' href="{{url_for('reports_node', node=node.name)}}"><i class='large darkblue book icon'></i></a>
+        <i class='large darkblue trash icon'></i>
         {% endif %}
       </td>
     </tr>
diff --git a/puppetboard/templates/query.html b/puppetboard/templates/query.html
index 757049b..10089e5 100644
--- a/puppetboard/templates/query.html
+++ b/puppetboard/templates/query.html
@@ -27,7 +27,7 @@
       {% endfor %}
     </div>
     {{ form.hidden_tag() }}
-    <input type=submit class="ui purple submit button" value='Submit'>
+    <input type=submit class="ui submit button" value='Submit'>
     <input type=reset class="ui red submit button" value='Cancel'>
   </form>
 </div>
