.grey20{
    background-color: #e9ecef;
}

.grey40{
    background-color: #dee2e6;
}

.grey60{
    background-color:#ced4da ;
}

.grey80{
    background-color: #adb5bd;
}

.grey100{
    background-color: #868e96;
}

.accent20{
    background-color: #ffd4e8;
}

.accent40{
    background-color: #feb9da;
}

.accent60{
    background-color:#ff93c6 ;
}

.accent80{
    background-color: #ff6eb3;
}

.accent100{
    background-color: #ff017b;
}

.brand20{
    background-color: #b9fbda;
}

.brand40{
    background-color: #80f5bc ;
}

.brand60{
    background-color: #4deba1 ;
}

.brand80{
    background-color: #22dc8a ;
}

.brand100{
    background-color: #00c878 ;
}

.negative100{
    background-color: #f03d3f ;
}

.warning100{
    background-color: #fab008 ;
}

.blue100{
    background-color: #39a7e2 ;
}