diff --git a/frontends/etiquette_flask/static/css/common.css b/frontends/etiquette_flask/static/css/common.css
index 20be77a..ad2146e 100644
--- a/frontends/etiquette_flask/static/css/common.css
+++ b/frontends/etiquette_flask/static/css/common.css
@@ -59,6 +59,10 @@ body
     flex-direction: row;
 }
 
+.gray_button
+{
+    background-color: #cccccc;
+}
 .green_button
 {
     background-color: #6df16f;
diff --git a/frontends/etiquette_flask/static/js/editor.js b/frontends/etiquette_flask/static/js/editor.js
index 693a424..8b52207 100644
--- a/frontends/etiquette_flask/static/js/editor.js
+++ b/frontends/etiquette_flask/static/js/editor.js
@@ -212,7 +212,7 @@ function Editor(elements, on_open, on_save, on_cancel)
     this.cancel_button.innerText = "Cancel";
     this.cancel_button.classList.add("editor_button");
     this.cancel_button.classList.add("editor_cancel_button");
-    this.cancel_button.classList.add("red_button");
+    this.cancel_button.classList.add("gray_button");
     this.cancel_button.classList.add("hidden");
     this.cancel_button.onclick = this.binder(on_cancel, this.cancel);
     toolbox.appendChild(this.cancel_button);
diff --git a/frontends/etiquette_flask/templates/album.html b/frontends/etiquette_flask/templates/album.html
index d72e214..2af4446 100644
--- a/frontends/etiquette_flask/templates/album.html
+++ b/frontends/etiquette_flask/templates/album.html
@@ -91,7 +91,7 @@ p
                     <button id="create_child_prompt_button" class="green_button" onclick="albums.open_creator_prompt(event);">Create child</button>
                     <input type="text" id="create_child_title_entry" class="hidden" placeholder="Album title">
                     <button id="create_child_submit_button" class="green_button hidden" onclick="albums.submit_create_child(event);">Create</button>
-                    <button id="create_child_cancel_button" class="red_button hidden" onclick="albums.cancel_create_child(event);">Cancel</button>
+                    <button id="create_child_cancel_button" class="gray_button hidden" onclick="albums.cancel_create_child(event);">Cancel</button>
                 </li>
             </ul>
         </ul>
diff --git a/frontends/etiquette_flask/templates/albums.html b/frontends/etiquette_flask/templates/albums.html
index a451b76..470a3b6 100644
--- a/frontends/etiquette_flask/templates/albums.html
+++ b/frontends/etiquette_flask/templates/albums.html
@@ -30,7 +30,7 @@
             <button id="create_child_prompt_button" class="green_button" onclick="albums.open_creator_prompt(event);">Create album</button>
             <input type="text" id="create_child_title_entry" class="hidden" placeholder="Album title">
             <button id="create_child_submit_button" class="green_button hidden" onclick="albums.submit_create_child(event);">Create</button>
-            <button id="create_child_cancel_button" class="red_button hidden" onclick="albums.cancel_create_child(event);">Cancel</button>
+            <button id="create_child_cancel_button" class="gray_button hidden" onclick="albums.cancel_create_child(event);">Cancel</button>
         </li>
     </ul>
 </div>