diff --git a/app/js/huebee.js b/app/js/huebee.js
new file mode 100644
index 00000000..1aa5f278
--- /dev/null
+++ b/app/js/huebee.js
@@ -0,0 +1,23 @@
+// Initialize Huebee color picker
+var elem = document.querySelector('.color-input');
+var hueb = new Huebee( elem, {
+    notation: 'hex',
+    saturations: 2,
+    customColors: [ '#d8224c', '#dd4814', '#ea0', '#19f', '#333' ],
+    className: 'light-picker',
+    hue0: 210
+});
+
+// Set custom color if defined
+var color = getCookie('color');
+if (color == null || color == '') {
+    color = '#d8224c';
+}
+hueb.setColor(color);
+
+// Change event
+hueb.on( 'change', function( color, hue, sat, lum ) {
+    setCookie('color',color,90);
+    console.log(color)
+})
+
diff --git a/app/lib/color.php b/app/lib/color.php
new file mode 100644
index 00000000..3adb2978
--- /dev/null
+++ b/app/lib/color.php
@@ -0,0 +1,21 @@
+<?php header("Content-Type: text/css; charset=utf-8"); ?>
+
+<?php
+if (!isset($_COOKIE['color'])) {
+    $color = "#d8224c";
+} else {
+    $color = $_COOKIE['color'];
+}
+?>
+
+.card .card-header {
+  border-color: <?php echo $color; ?>;
+  color: #fff;
+  background-color: <?php echo $color; ?>;
+}
+
+.btn-primary {
+  color: <?php echo $color; ?>;
+  border-color: <?php echo $color; ?>;
+  background-color: #fff;
+}