diff --git a/core/css.js b/core/css.js
index 94ffc4b50c..9db21b9045 100644
--- a/core/css.js
+++ b/core/css.js
@@ -994,7 +994,7 @@ Blockly.Css.CONTENT = [
   '.scratchColourPickerLabel {',
     'font-family: "Helvetica Neue", Helvetica, sans-serif;',
     'font-size: 0.65rem;',
-    'color: $colour_blackText;',
+    'color: $colour_valueReportForeground;',
     'margin: 8px;',
   '}',
 
diff --git a/core/field_colour_slider.js b/core/field_colour_slider.js
index 331de6975a..0d080d481b 100644
--- a/core/field_colour_slider.js
+++ b/core/field_colour_slider.js
@@ -345,7 +345,7 @@ Blockly.FieldColourSlider.prototype.showEditor_ = function() {
             this.activateEyedropperInternal_);
   }
 
-  Blockly.DropDownDiv.setColour('#ffffff', '#dddddd');
+  Blockly.DropDownDiv.setColour(Blockly.Colours.valueReportBackground, Blockly.Colours.valueReportBorder);
   Blockly.DropDownDiv.setCategory(this.sourceBlock_.parentBlock_.getCategory());
   Blockly.DropDownDiv.showPositionedByBlock(this, this.sourceBlock_);