.has-white-color {
    color: #fff;
}
.has-white-background-color {
    background-color: #fff;
}

.has-black-color {
    color: #000;
}
.has-black-background-color {
    background-color: #000;
}

.has-light-grey-color {
    color: #f2f2f2;
}
.has-light-grey-background-color {
    background-color: #f2f2f2;
}

.has-dark-grey-color {
    color: #434853;
}
.has-dark-grey-background-color {
    background-color: #434853;
}

.has-yellow-color {
    color: #ffcc1d;
}
.has-yellow-background-color {
    background-color: #ffcc1d;
}

.has-teal-color {
    color: #22c8ff;
}
.has-teal-background-color {
    background-color: #22c8ff;
}

.has-blue-color {
    color: #23567e;
}
.has-blue-background-color {
    background-color: #23567e;
}

.has-purple-color {
    color: #3121b1;
}
.has-purple-background-color {
    background-color: #3121b1;
}