diff --git a/ckanext/c3charts/fanstatic/charts.js b/ckanext/c3charts/fanstatic/charts.js
index dab473e..6496961 100644
--- a/ckanext/c3charts/fanstatic/charts.js
+++ b/ckanext/c3charts/fanstatic/charts.js
@@ -188,6 +188,9 @@ this.ckan.views.c3charts = this.ckan.views.c3charts || {};
         }
 
         var colorPattern = ['#00A58D', '#09505D', '#00587C', '#00A6BC', '#9FCD91', '#293A4C', '#83CCD8', '#A0C1C2'];
+        if (resourceView.color_pattern){
+            colorPattern = resourceView.color_pattern.split(',')
+        }
         if (resourceView.sql_expression) {
             data = resourceView.sql_data;
             if (resourceView.use_sql_keys)
diff --git a/ckanext/c3charts/fanstatic/charts.min.js b/ckanext/c3charts/fanstatic/charts.min.js
index 6aa793b..b16df42 100644
--- a/ckanext/c3charts/fanstatic/charts.min.js
+++ b/ckanext/c3charts/fanstatic/charts.min.js
@@ -9,7 +9,8 @@ if(Array.isArray(x_fields)){for(i=0;i<data.length;i++){for(j=0;j<x_fields.length
 if(resourceView.remap_key!=''){remap_data=[];var remap_key_fields=[],tmp_object={},remap_field=resourceView.remap_key;for(i in data){tmp_object[data[i][remap_field]]=data[i][key_fields];remap_data.push(tmp_object);remap_key_fields.push(data[i][remap_field]);}
 data=remap_data;key_fields=remap_key_fields;}
 var chartContainer=$(elementId).parent();var width=chartContainer.attr('data-graph_width');var height=chartContainer.attr('data-graph_height');var showAxis=chartContainer.attr('data-show_axis');if(typeof showAxis==='undefined'){showAxis=true;}else{if(showAxis==='1'){showAxis=true;}else if(showAxis==='0'){showAxis=false;}else{showAxis=true;}}
-var colorPattern=['#00A58D','#09505D','#00587C','#00A6BC','#9FCD91','#293A4C','#83CCD8','#A0C1C2'];if(resourceView.sql_expression){data=resourceView.sql_data;if(resourceView.use_sql_keys)
+var colorPattern=['#00A58D','#09505D','#00587C','#00A6BC','#9FCD91','#293A4C','#83CCD8','#A0C1C2'];if(resourceView.color_pattern){colorPattern=resourceView.color_pattern.split(',')}
+if(resourceView.sql_expression){data=resourceView.sql_data;if(resourceView.use_sql_keys)
 key_fields=resourceView.sql_keys;}
 var x_tick={culling:false,fit:true,centered:true,format:function(d){var measureUnit=resourceView.measure_unit_x;if(measureUnit)return x_list[d];return x_list[d];}};var y_tick={format:function(x){return parseInt(x)}};if(resourceView.x_tick_count)
 x_tick['count']=resourceView.x_tick_count;if(resourceView.y_tick_count)
diff --git a/ckanext/c3charts/plugin.py b/ckanext/c3charts/plugin.py
index b5fcf1d..ea2291b 100644
--- a/ckanext/c3charts/plugin.py
+++ b/ckanext/c3charts/plugin.py
@@ -55,7 +55,8 @@ def info(self):
             'sql_expression': [ignore_missing],
             'use_sql_keys': [ignore_missing],
             'y_label_position': [ignore_missing],
-            'x_label_position': [ignore_missing]
+            'x_label_position': [ignore_missing],
+            'color_pattern': [ignore_missing]
         }
         map(lambda s: schema.update({'{0}_padding'.format(s): [ignore_missing]}), ('r', 'l', 't', 'b'))
 
diff --git a/ckanext/c3charts/templates/charts_form.html b/ckanext/c3charts/templates/charts_form.html
index 2b73f4e..3d085fc 100644
--- a/ckanext/c3charts/templates/charts_form.html
+++ b/ckanext/c3charts/templates/charts_form.html
@@ -79,6 +79,7 @@ <h2 class="panel-title">{{_('Chart Options')}}</h2>
                 {{ form.select('remap_key', label=_('Remap'), options=remap_keys, selected=resource_view['remap_key'], is_required=False)
                 }}
             </div>
+            {{ form.input('color_pattern', label=_('Color pattern (comma separated list of hex colors)'), value=resource_view['color_pattern']) }}
         </div>
     </div>