diff --git a/js/menus/MaterialEditorMenuView.js b/js/menus/MaterialEditorMenuView.js
index b131653fb4cedfbbafab878299f119daef78452c..835092afb5f3acf4706821400a29b79a10a8c879 100644
--- a/js/menus/MaterialEditorMenuView.js
+++ b/js/menus/MaterialEditorMenuView.js
@@ -13,7 +13,8 @@ define(['jquery', 'underscore', 'menuParent', 'plist', 'materials', 'text!materi
         events: {
             "click #cancelMaterial":                             "_cancelMaterial",
             "click #deleteMaterial":                             "_deleteMaterial",
-            "click #finishMaterial":                             "_save"
+            "click #finishMaterial":                             "_save",
+            "click #newRandomColor":                             "_changeRandomColor"
         },
 
         _initialize: function(){
@@ -31,6 +32,13 @@ define(['jquery', 'underscore', 'menuParent', 'plist', 'materials', 'text!materi
             $target.css("border-color", hex);
         },
 
+        _changeRandomColor: function(e){
+            e.preventDefault();
+            var color = '#' + Math.floor(Math.random()*16777215).toString(16);
+            this.material.altColor = color;
+            this.render();
+        },
+
         _save: function(e){
             e.preventDefault();
             var name = this.material.name;