Fancy Unordered List CSS with unique colors for each li

Fancy Unordered List CSS

#breakfast-benefits {
    float:left; position:relative;
}
#breakfast-benefits li {
    list-style-type:none;
    padding-left:30px;
}
#breakfast-benefits li:before {
    content: "■";
    color:#61c0e1;
    margin-right:10px;
}
#breakfast-benefits li:nth-child(2):before {
    color:#f2994f;
}
#breakfast-benefits li:nth-child(3):before {
    color:#787878;
}
#breakfast-benefits li:nth-child(4):before {
    color:#1A3758;
}