diff --git a/src/core/client/ui/components/Message/Message.css b/src/core/client/ui/components/Message/Message.css
index 267de3201..57dbe34bf 100644
--- a/src/core/client/ui/components/Message/Message.css
+++ b/src/core/client/ui/components/Message/Message.css
@@ -12,13 +12,13 @@
   border-left-width: calc(0.8 * var(--spacing-unit));
 }
 
-.colorInfo {
+.colorGrey {
   background-color: var(--palette-common-white);
   border-color: var(--palette-grey-main);
   color: var(--palette-grey-main);
 }
 
-.colorValidation {
+.colorError {
   background-color: var(--palette-error-light);
   border-color: var(--palette-error-darkest);
   color: var(--palette-common-white);
diff --git a/src/core/client/ui/components/Message/Message.tsx b/src/core/client/ui/components/Message/Message.tsx
index 9eb678f4f..258174288 100644
--- a/src/core/client/ui/components/Message/Message.tsx
+++ b/src/core/client/ui/components/Message/Message.tsx
@@ -28,9 +28,9 @@ export interface MessageProps {
   */
   icon?: string;
   /*
-  * Name of color, "info" stays by default - common gray one
+  * Name of color, "grey" stays by default - common gray one
   */
-  color?: "validation" | "info";
+  color?: "error" | "grey";
 }
 
 const Message: StatelessComponent<MessageProps> = props => {
@@ -47,8 +47,8 @@ const Message: StatelessComponent<MessageProps> = props => {
   const rootClassName = cn(
     classes.root,
     {
-      [classes.colorInfo]: color === "info",
-      [classes.colorValidation]: color === "validation",
+      [classes.colorGrey]: color === "grey",
+      [classes.colorError]: color === "error",
       [classes.fullWidth]: fullWidth,
     },
     className
@@ -67,7 +67,7 @@ const Message: StatelessComponent<MessageProps> = props => {
 };
 
 Message.defaultProps = {
-  color: "info",
+  color: "grey",
   fullWidth: false,
 };