diff --git a/public/app/panels/table/editor.html b/public/app/panels/table/editor.html
index 56b49a87567..0b13c61c884 100644
--- a/public/app/panels/table/editor.html
+++ b/public/app/panels/table/editor.html
@@ -132,6 +132,9 @@
 						<spectrum-picker ng-model="style.colors[1]" ng-change="render()" ></spectrum-picker>
 						<spectrum-picker ng-model="style.colors[2]" ng-change="render()" ></spectrum-picker>
 					</li>
+					<li class="tight-form-item last">
+						<a class="pointer" ng-click="invertColorOrder($index)">invert order</a>
+					</li>
 				</ul>
 				<div class="clearfix"></div>
 			</div>
diff --git a/public/app/panels/table/editor.ts b/public/app/panels/table/editor.ts
index b9fc0c3dd63..978b37bc235 100644
--- a/public/app/panels/table/editor.ts
+++ b/public/app/panels/table/editor.ts
@@ -101,6 +101,14 @@ export class TablePanelEditorCtrl {
       });
     };
 
+    $scope.invertColorOrder = function(index) {
+      var ref = $scope.panel.styles[index].colors;
+      var copy = ref[0];
+      ref[0] = ref[2];
+      ref[2] = copy;
+      $scope.render();
+    };
+
   }
 }