diff --git a/lib/core/custom-theme/theme/custom-palette-creator.scss b/lib/core/custom-theme/theme/custom-palette-creator.scss
index 6830d35abe..10d8c8c3d5 100644
--- a/lib/core/custom-theme/theme/custom-palette-creator.scss
+++ b/lib/core/custom-theme/theme/custom-palette-creator.scss
@@ -3,7 +3,7 @@
 @use 'sass:color';
 
 @function multiply($fore, $back) {
-    $red: math.div(color.green($back) * color.green($fore), 255);
+    $red: math.div(color.red($back) * color.red($fore), 255);
     $green: math.div(color.green($back) * color.green($fore), 255);
     $blue: math.div(color.blue($back) * color.blue($fore), 255)