diff --git a/customize.dist/src/less2/include/colortheme-dark.less b/customize.dist/src/less2/include/colortheme-dark.less
index 31943db29..75c51ef6c 100644
--- a/customize.dist/src/less2/include/colortheme-dark.less
+++ b/customize.dist/src/less2/include/colortheme-dark.less
@@ -213,7 +213,7 @@
 @cp_corner-secondary: @cryptpad_color_black; // XXX
 
 // Pad Creation Screen
-@cp_creation-bg: @cryptpad_color_white;
+@cp_creation-bg: @cryptpad_color_grey_800;
 @cp_creation-fg: @cryptpad_text_col;
 @cp_creation-button-bg: @cryptpad_color_brand;
 @cp_creation-button-fg: @cryptpad_color_white;
diff --git a/customize.dist/src/less2/include/creation.less b/customize.dist/src/less2/include/creation.less
index 3bb187b9e..f4f4d0193 100644
--- a/customize.dist/src/less2/include/creation.less
+++ b/customize.dist/src/less2/include/creation.less
@@ -9,7 +9,8 @@
 ) {
     @creation-color: @cp_creation-fg;
     @creation-bg-color: @bg-color;
-    @creation-bg-color-light: contrast(@creation-color, lighten(@bg-color, 30%), darken(@bg-color, 30%));
+    @desat-color: desaturate(@bg-color, 20%);
+    @creation-bg-color-light: contrast(@creation-color, lighten(@bg-color, 30%), darken(@desat-color, 20%));
 };
 
 .creation_main(