diff --git a/CHANGES.md b/CHANGES.md
index de65238e41..226638e161 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -55,6 +55,7 @@
 - Fix issues when updating selrect in paths [Taiga #2366](https://tree.taiga.io/project/penpot/issue/2366)
 - Fix scroll jumps in handoff mode [Taiga #2383](https://tree.taiga.io/project/penpot/issue/2383)
 - Fix handoff text with opacity [Taiga #2384](https://tree.taiga.io/project/penpot/issue/2384)
+- Restored rules color [Taiga #2460](https://tree.taiga.io/project/penpot/issue/2460)
 
 ### :arrow_up: Deps updates
 
diff --git a/common/src/app/common/colors.cljc b/common/src/app/common/colors.cljc
index fe194da319..f8acee0d3f 100644
--- a/common/src/app/common/colors.cljc
+++ b/common/src/app/common/colors.cljc
@@ -11,6 +11,8 @@
 (def canvas "#E8E9EA")
 (def default-layout "#DE4762")
 (def gray-20 "#B1B2B5")
+(def gray-30 "#7B7D85")
 (def info "#59B9E2")
 (def test "#fabada")
 (def white "#FFFFFF")
+
diff --git a/frontend/src/app/main/ui/workspace/rules.cljs b/frontend/src/app/main/ui/workspace/rules.cljs
index 45a8cd0d99..a9d5b34b2e 100644
--- a/frontend/src/app/main/ui/workspace/rules.cljs
+++ b/frontend/src/app/main/ui/workspace/rules.cljs
@@ -6,6 +6,7 @@
 
 (ns app.main.ui.workspace.rules
   (:require
+   [app.common.colors :as colors]
    [app.common.math :as mth]
    [app.util.object :as obj]
    [rumext.alpha :as mf]))
@@ -47,8 +48,8 @@
         (.translate dctx 0 txfm))
 
       (obj/set! dctx "font" "12px worksans")
-      (obj/set! dctx "fillStyle" "var(--color-gray-30)")
-      (obj/set! dctx "strokeStyle" "var(--color-gray-30)")
+      (obj/set! dctx "fillStyle" colors/gray-30)
+      (obj/set! dctx "strokeStyle" colors/gray-30)
       (obj/set! dctx "textAlign" "center")
 
       (loop [i minv]