diff --git a/sass/_config/_variables.scss b/sass/_config/_variables.scss
index 7447ca8..4a1f72d 100644
--- a/sass/_config/_variables.scss
+++ b/sass/_config/_variables.scss
@@ -54,6 +54,9 @@ $color-forms     : $color-gray3;
 // quotes
 $color-quote     : $color-gray5;
 
+// checkboxes, radios
+$color-checkbox  : $color-gray3;
+
 // buttons, badges, alerts color variants list
 // name - background-color - color - border
 $variants-list: (
diff --git a/sass/components/_checkbox.scss b/sass/components/_checkbox.scss
index c0bf11a..5e4f08e 100644
--- a/sass/components/_checkbox.scss
+++ b/sass/components/_checkbox.scss
@@ -21,13 +21,13 @@
       border: 0;
       background: #fff;
       border-radius: $border-radius;
-      box-shadow:  0 0 0 2px $color-forms inset;
+      box-shadow:  0 0 0 2px $color-checkbox inset;
       transition: .25s background-color;
     }
   }
   &:checked ~ label:before {
     background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
-    background-color: $color-forms;
+    background-color: $color-checkbox;
     background-size: 60% 60%;
     background-position: center;
     background-repeat: no-repeat;
diff --git a/sass/components/_radio.scss b/sass/components/_radio.scss
index a1f84ff..7b6488e 100644
--- a/sass/components/_radio.scss
+++ b/sass/components/_radio.scss
@@ -21,13 +21,13 @@
       border: 0;
       background: #fff;
       border-radius: 50%;
-      box-shadow:  0 0 0 2px $color-forms inset;
+      box-shadow:  0 0 0 2px $color-checkbox inset;
       transition: .25s background;
     }
   }
   &:checked ~ label:before {
     background-image: radial-gradient(circle at center, #fff 30%, transparent 38%);
-    background-color: $color-forms;
+    background-color: $color-checkbox;
     background-position: center;
     background-repeat: no-repeat;
     pointer-events: none;