diff --git a/framework/core/less/common/ValidationError.less b/framework/core/less/common/ValidationError.less
new file mode 100644
index 000000000..a6a5018b5
--- /dev/null
+++ b/framework/core/less/common/ValidationError.less
@@ -0,0 +1,5 @@
+.ValidationError {
+  font-size: 0.9em;
+  font-weight: bold;
+  color: @validation-error-color;
+}
diff --git a/framework/core/less/common/common.less b/framework/core/less/common/common.less
index 739a236b5..f62794196 100644
--- a/framework/core/less/common/common.less
+++ b/framework/core/less/common/common.less
@@ -26,3 +26,4 @@
 @import "Search";
 @import "Select";
 @import "Tooltip";
+@import "ValidationError";
diff --git a/framework/core/less/common/variables.less b/framework/core/less/common/variables.less
index bc2ba5f32..e63ea0dd5 100644
--- a/framework/core/less/common/variables.less
+++ b/framework/core/less/common/variables.less
@@ -68,15 +68,19 @@
 @hero-color:                       @control-color;
 @hero-muted-color:                 @control-color;
 
+@error-color:                      #d83e3e;
+
 @alert-bg:                         #fff2ae;
 @alert-color:                      #ad6c00;
 
-@alert-error-bg:                   #d83e3e;
+@alert-error-bg:                   @error-color;
 @alert-error-color:                #fff;
 
 @alert-success-bg:                 #B4F1AF;
 @alert-success-color:              #33722D;
 
+@validation-error-color:           @error-color;
+
 .define-header(@config-colored-header);
 .define-header(false) {
   @header-bg:                      @body-bg;