diff --git a/environment_indicator.admin.js b/environment_indicator.admin.js
new file mode 100644
index 0000000..7ba2595
--- /dev/null
+++ b/environment_indicator.admin.js
@@ -0,0 +1,13 @@
+/**
+ * @file
+ * Environment indicator admin js
+ */
+
+(function ($) {
+  Drupal.behaviors.environment_indicator_admin = {
+    attach: function() {
+      // Add the farbtastic tie-in
+      Drupal.settings.environment_indicator_color_picker = $.farbtastic('#environment-indicator-color-picker', '#edit-environment-indicator-color');
+    }
+  }
+})(jQuery);
diff --git a/environment_indicator.module b/environment_indicator.module
index 8658dc6..f659a81 100644
--- a/environment_indicator.module
+++ b/environment_indicator.module
@@ -64,6 +64,9 @@ function environment_indicator_menu() {
  * Module settings form.
  */
 function environment_indicator_settings() {
+  drupal_add_library('system', 'farbtastic');
+  drupal_add_js(drupal_get_path('module', 'environment_indicator') .'/environment_indicator.admin.js');
+  
   $form['environment_indicator_enabled'] = array(
     '#type' => 'radios',
     '#title' => t('Status'),
@@ -100,6 +103,9 @@ function environment_indicator_settings() {
     '#description' => t('The colour of the environment indicator. Override this for each environment in settings.php.'),
     '#size' => 7,
   );
+  $form['environment_indicator_color_picker'] = array(
+    '#markup' => '<div id="environment-indicator-color-picker"></div>',
+  );
   $form['environment_indicator_suppress_pages'] = array(
     '#type' => 'textarea',
     '#title' => t('Turn off Environment Indicator on these pages'),