diff --git a/src/site/_mixin.scss b/src/site/_mixin.scss
index 20ece36..7198f0f 100644
--- a/src/site/_mixin.scss
+++ b/src/site/_mixin.scss
@@ -23,7 +23,7 @@
     &[data-cmp-valid=false]>&__label,
     &[data-cmp-valid=false]>&__label-container>&__label {
         font-weight: 500;
-        color: $error ;
+        color: $error-darker;
     }
 }
 
@@ -249,7 +249,7 @@
 @mixin error-message {
     &__errormessage {
         display: none;
-        color: $error;
+        color: $error-darker;
         font-size: $font-s;
         font-weight: 500;
         margin-bottom: $space-s;
diff --git a/src/site/_variables.scss b/src/site/_variables.scss
index 2b33554..58b7515 100644
--- a/src/site/_variables.scss
+++ b/src/site/_variables.scss
@@ -10,6 +10,7 @@ $very-light-gray: #ccc;
 $bg-gray: #eee;
 $white: #fff;
 $error: #eb3c36;
+$error-darker: #b40000;
 $light-error: rgba(235, 60, 54, 0.05);
 $dark-error: rgba(255, 57, 50, 0.148);
 $accent: rgb(21, 88, 212);