.u-color-purple {
  color: #5B4099;
}

.u-background-color-purple {
  background-color: #5B4099;
  background-image: linear-gradient(90deg, #5B4099 0%, #5B4099 0%, transparent 0%);
}

.u-color-magenta {
  color: #9C248A;
}

.u-background-color-magenta {
  background-color: #9C248A;
  background-image: linear-gradient(90deg, #9C248A 0%, #9C248A 0%, transparent 0%);
}

.u-color-green {
  color: #00A651;
}

.u-background-color-green {
  background-color: #00A651;
  background-image: linear-gradient(90deg, #00A651 0%, #00A651 0%, transparent 0%);
}

.u-color-blue {
  color: #4C8BF5;
}

.u-background-color-blue {
  background-color: #4C8BF5;
  background-image: linear-gradient(90deg, #4C8BF5 0%, #4C8BF5 0%, transparent 0%);
}

.u-color-coral {
  color: #FF7F50;
}

.u-background-color-coral {
  background-color: #FF7F50;
  background-image: linear-gradient(90deg, #FF7F50 0%, #FF7F50 0%, transparent 0%);
}

.u-color-purple-medium {
  color: #EFECF5;
}

.u-background-color-purple-medium {
  background-color: #EFECF5;
  background-image: linear-gradient(90deg, #EFECF5 0%, #EFECF5 0%, transparent 0%);
}

.u-color-green-medium {
  color: #E6F7EE;
}

.u-background-color-green-medium {
  background-color: #E6F7EE;
  background-image: linear-gradient(90deg, #E6F7EE 0%, #E6F7EE 0%, transparent 0%);
}

.u-color-magenta-medium {
  color: #F6EAF4;
}

.u-background-color-magenta-medium {
  background-color: #F6EAF4;
  background-image: linear-gradient(90deg, #F6EAF4 0%, #F6EAF4 0%, transparent 0%);
}

.u-color-blue-medium {
  color: #EEF4FE;
}

.u-background-color-blue-medium {
  background-color: #EEF4FE;
  background-image: linear-gradient(90deg, #EEF4FE 0%, #EEF4FE 0%, transparent 0%);
}

.u-color-purple-light {
  color: #FAF9FC;
}

.u-background-color-purple-light {
  background-color: #FAF9FC;
  background-image: linear-gradient(90deg, #FAF9FC 0%, #FAF9FC 0%, transparent 0%);
}

.u-color-magenta-light {
  color: #FCF8FB;
}

.u-background-color-magenta-light {
  background-color: #FCF8FB;
  background-image: linear-gradient(90deg, #FCF8FB 0%, #FCF8FB 0%, transparent 0%);
}

.u-color-green-light {
  color: #F7FCF9;
}

.u-background-color-green-light {
  background-color: #F7FCF9;
  background-image: linear-gradient(90deg, #F7FCF9 0%, #F7FCF9 0%, transparent 0%);
}

.u-color-blue-light {
  color: #F9FBFE;
}

.u-background-color-blue-light {
  background-color: #F9FBFE;
  background-image: linear-gradient(90deg, #F9FBFE 0%, #F9FBFE 0%, transparent 0%);
}

.u-color-coral-light {
  color: #FFFBF9;
}

.u-background-color-coral-light {
  background-color: #FFFBF9;
  background-image: linear-gradient(90deg, #FFFBF9 0%, #FFFBF9 0%, transparent 0%);
}

.u-color-black {
  color: #1C1C1C;
}

.u-background-color-black {
  background-color: #1C1C1C;
  background-image: linear-gradient(90deg, #1C1C1C 0%, #1C1C1C 0%, transparent 0%);
}

.u-color-white {
  color: #FFFFFF;
}

.u-background-color-white {
  background-color: #FFFFFF;
  background-image: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 0%, transparent 0%);
}

.u-color-grey {
  color: #D9D9D9;
}

.u-background-color-grey {
  background-color: #D9D9D9;
  background-image: linear-gradient(90deg, #D9D9D9 0%, #D9D9D9 0%, transparent 0%);
}