diff --git a/components/layout/display_list_builder.rs b/components/layout/display_list_builder.rs
index de6e707169c..c10d3853ead 100644
--- a/components/layout/display_list_builder.rs
+++ b/components/layout/display_list_builder.rs
@@ -105,8 +105,8 @@ impl<'a> DisplayListBuildState<'a> {
 const INSERTION_POINT_LOGICAL_WIDTH: Au = Au(1 * AU_PER_PX);
 
 // Colors for selected text.  TODO (#8077): Use the ::selection pseudo-element to set these.
-const SELECTION_FOREGROUND_COLOR: RGBA = RGBA { red: 1.0, green: 1.0, blue: 1.0, alpha: 1.0 };
-const SELECTION_BACKGROUND_COLOR: RGBA = RGBA { red: 1.0, green: 0.5, blue: 0.0, alpha: 1.0 };
+const SELECTION_FOREGROUND_COLOR: RGBA = RGBA { red: 0.0, green: 0.0, blue: 0.0, alpha: 1.0 };
+const SELECTION_BACKGROUND_COLOR: RGBA = RGBA { red: 0.69, green: 0.84, blue: 1.0, alpha: 1.0 };
 
 // TODO(gw): The transforms spec says that perspective length must
 // be positive. However, there is some confusion between the spec
diff --git a/tests/wpt/mozilla/tests/css/input_selection_a.html b/tests/wpt/mozilla/tests/css/input_selection_a.html
index 0e923f9425f..59484fc6db8 100644
--- a/tests/wpt/mozilla/tests/css/input_selection_a.html
+++ b/tests/wpt/mozilla/tests/css/input_selection_a.html
@@ -12,8 +12,8 @@
         padding: 0;
       }
       ::selection {
-        color: white;
-        background: rgba(255, 127, 0, 1.0);
+        color: black;
+        background: rgba(176, 214, 255, 1.0);
       }
     </style>
   </head>
diff --git a/tests/wpt/mozilla/tests/css/input_selection_ref.html b/tests/wpt/mozilla/tests/css/input_selection_ref.html
index 6903f7d9118..2f6dcd296f2 100644
--- a/tests/wpt/mozilla/tests/css/input_selection_ref.html
+++ b/tests/wpt/mozilla/tests/css/input_selection_ref.html
@@ -7,8 +7,8 @@
     <style>
       span {
         font: 16px sans-serif;
-        color: white;
-        background: rgba(255, 128, 0, 1.0);
+        color: black;
+        background: rgba(176, 214, 255, 1.0);
       }
     </style>
   </head>