.violet { background: #6C4E77; background-color: #6C4E77; color: #F2F2F2; }
.violet-soft { background: #D5A3D5; background-color: #D5A3D5; color: #F2F2F2; }
.green { background: #4F6F52; background-color: #4F6F52; color: #FFFFFF; }
.green-soft { background: #A9D3A2; background-color: #A9D3A2; color: #FFFFFF; }
.white { background: #FDFDFD; background-color: #FDFDFD; color: #1A1A1A; }
.white-soft { background: #FFFFFF; background-color: #FFFFFF; color: #1A1A1A; }
.rose { background: #D889A4; background-color: #D889A4; color: #202020; }
.rose-soft { background: #EFCACA; background-color: #EFCACA; color: #202020; }
.red { background: #AA2E2E; background-color: #AA2E2E; color: #FAFAFA; }
.red-soft { background: #E9B7B7; background-color: #E9B7B7; color: #FAFAFA; }
.black { background: #1A1A1A; background-color: #1A1A1A; color: #EAEAEA; }
.black-soft { background: #D0D0D0; background-color: #D0D0D0; color: #EAEAEA; }
.gold { background: #FFCE52; background-color: #FFCE52; color: #1F1F1F; }
.gold-soft { background: #E8D2A6; background-color: #E8D2A6; color: #1F1F1F; }
.blue { background: #264660; background-color: #264660; color: #F7F7F7; }
.blue-soft { background: #A3C5E6; background-color: #A3C5E6; color: #F7F7F7; }