diff --git a/pass/public/styles/checkout.less b/pass/public/styles/checkout.less
index 57333ea4af5d4e783355d3ed8c8e4c785ad8234f..98d008f5279b7a71265a635e22f4c6db24a811cb 100644
--- a/pass/public/styles/checkout.less
+++ b/pass/public/styles/checkout.less
@@ -119,8 +119,7 @@
     }
 
     .option-selected {
-      background-color: rgb(255, 128, 0);
-      background-color: #ff8000;
+      background-color: @color-main;
       color: white;
       -webkit-text-stroke: #777 0.01rem;
       font-weight: bold;
diff --git a/pass/public/styles/key/checkout-amount.less b/pass/public/styles/key/checkout-amount.less
index 3c9d23e3ba132bdf358309ecbaeed114950129a6..22d26642cd2ae41f5ea71347ed1b827d94e91b32 100644
--- a/pass/public/styles/key/checkout-amount.less
+++ b/pass/public/styles/key/checkout-amount.less
@@ -13,7 +13,7 @@
     align-items: center;
     justify-content: center;
     border-top-left-radius: 10px;
-    border: 1px solid rgb(255, 127, 0);
+    border: 1px solid @color-main;
     border-bottom: 0;
     border-right: 0;
   }
@@ -22,20 +22,20 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    border: 1px solid rgb(255, 127, 0);
+    border: 1px solid @color-main;
     border-top: 0;
     border-right: 0;
   }
   > .checkout-cost {
     grid-row: span 2;
     justify-content: center;
-    background-color: rgb(255, 127, 0);
+    background-color: @color-main;
     color: white;
     font-size: 1.7rem;
     align-items: center;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
-    border: 1px solid rgb(255, 127, 0);
+    border: 1px solid @color-main;
     border-left: 0;
     display: flex;
   }
diff --git a/pass/public/styles/key/checkout-payment.less b/pass/public/styles/key/checkout-payment.less
index 2fd507daea499fd990ca61a91ee81efa609754fb..5d3ac4bd998ac0f94beb2b8ed65dc12d6861f6c7 100644
--- a/pass/public/styles/key/checkout-payment.less
+++ b/pass/public/styles/key/checkout-payment.less
@@ -15,7 +15,7 @@
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     background-color: #f0f0f0;
-    border-bottom-color: rgb(255, 127, 0);
+    border-bottom-color: @color-main;
     border-bottom-width: 2px;
   }
   > #payment-group-paypal {
diff --git a/pass/public/styles/key/enter.less b/pass/public/styles/key/enter.less
index f3e5c2bf711749f3e0e10accbd55464cb2bab4df..037d8c2bb9254b9fd473164c47dc41f5d548abe9 100644
--- a/pass/public/styles/key/enter.less
+++ b/pass/public/styles/key/enter.less
@@ -141,7 +141,7 @@
         display: block;
         width: 100%;
         text-align: center;
-        background-color: rgb(255, 127, 0);
+        background-color: @color-main;
         padding: 0.5rem;
         margin-top: -5px;
         color: white;
diff --git a/pass/public/styles/key/key.less b/pass/public/styles/key/key.less
index 8f61da022ea052495d4d142f7dbce003e37cab53..7c5e4445845073c055c981c2bb886814de074e0c 100644
--- a/pass/public/styles/key/key.less
+++ b/pass/public/styles/key/key.less
@@ -180,7 +180,7 @@ h2 {
     padding: 0.5rem;
     background-color: #fff;
     color: inherit;
-    border-color: rgb(255, 127, 0);
+    border-color: @color-main;
     border-width: 2px;
     border-left: 0;
     border-right: 0;
diff --git a/pass/public/styles/misc/vars.less b/pass/public/styles/misc/vars.less
index 9b39a15b2f2769de3c3220a02d982ea2826b4638..4b7053f8de9c360308b6516d4d6f769cd1bac49e 100644
--- a/pass/public/styles/misc/vars.less
+++ b/pass/public/styles/misc/vars.less
@@ -1,4 +1,4 @@
-@color-main: rgb(255, 127, 0);
+@color-main: #ef7700;
 @color-secondary: #3a3af9;
 @color-main-hover: lighten(@color-main, 5%);
 @color-main-font-color: white;