diff --git a/src/render/draw_custom.js b/src/render/draw_custom.js
index 03f74ebabde..e9dd3328e2b 100644
--- a/src/render/draw_custom.js
+++ b/src/render/draw_custom.js
@@ -45,6 +45,7 @@ function drawCustom(painter: Painter, sourceCache: SourceCache, layer: CustomSty
         } else {
             painter.setCustomLayerDefaults();
 
+            context.setColorMode(painter.colorModeForRenderPass());
             context.setStencilMode(StencilMode.disabled);
 
             const depthMode = painter.depthModeForSublayer(0, DepthMode.ReadOnly);
diff --git a/test/integration/render-tests/regressions/mapbox-gl-js#7708/expected.png b/test/integration/render-tests/regressions/mapbox-gl-js#7708/expected.png
new file mode 100644
index 00000000000..8546863a53e
Binary files /dev/null and b/test/integration/render-tests/regressions/mapbox-gl-js#7708/expected.png differ
diff --git a/test/integration/render-tests/regressions/mapbox-gl-js#7708/style.json b/test/integration/render-tests/regressions/mapbox-gl-js#7708/style.json
new file mode 100644
index 00000000000..c5fc3d05fe1
--- /dev/null
+++ b/test/integration/render-tests/regressions/mapbox-gl-js#7708/style.json
@@ -0,0 +1,44 @@
+{
+  "version": 8,
+  "metadata": {
+    "test": {
+      "width": 64,
+      "height": 64,
+      "operations": [
+          [
+              "addCustomLayer",
+              "null-island"
+          ]
+      ]
+    }
+  },
+  "sources": {
+    "geometry": {
+      "type": "geojson",
+      "data": {
+        "type": "FeatureCollection",
+        "features": [{
+          "type": "Feature",
+          "properties": {},
+          "geometry": {
+            "type": "Point",
+            "coordinates": [0, 0]
+          }
+        }]
+      }
+    }
+  },
+  "layers": [
+    {
+      "id": "geometry",
+      "type": "circle",
+      "source": "geometry",
+      "layout": {
+        "visibility": "none"
+      },
+      "paint": {
+        "circle-radius": 40
+      }
+    }
+  ]
+}