diff --git a/app/assets/stylesheets/common/d-editor.scss b/app/assets/stylesheets/common/d-editor.scss
index 52e481abdc1..989576ce1bb 100644
--- a/app/assets/stylesheets/common/d-editor.scss
+++ b/app/assets/stylesheets/common/d-editor.scss
@@ -155,7 +155,7 @@
     margin: 10px 0 0 0;
   }
   .d-editor-preview {
-    background-color: dark-light-diff($primary, $secondary, 97%, -70%);
+    background-color: $primary-very-low;
   }
 }
 
diff --git a/app/assets/stylesheets/common/foundation/variables.scss b/app/assets/stylesheets/common/foundation/variables.scss
index 0cf84a490f3..242ca1218e0 100644
--- a/app/assets/stylesheets/common/foundation/variables.scss
+++ b/app/assets/stylesheets/common/foundation/variables.scss
@@ -82,7 +82,7 @@ $base-font-family: Helvetica, Arial, sans-serif !default;
 // standard color transformations, use these if possible, and add any new dark-light-diffs here
 
 //primary
-$primary-very-low: dark-light-diff($primary, $secondary, 97%, -75%);
+$primary-very-low: dark-light-diff($primary, $secondary, 97%, -80%);
 $primary-low: dark-light-diff($primary, $secondary, 90%, -65%);
 $primary-low-mid: dark-light-diff($primary, $secondary, 70%, -45%);
 $primary-medium: dark-light-diff($primary, $secondary, 50%, -20%);