Modern UI Color

develop:

.red{
  background-color:#E51400;
}
.magenta{
  background-color:#FF0097;
}
.pink{
  background-color:#E671B8;
}
.green{
  background-color:#339933;
}
.grassgreen{
  background-color:#8CBF26;
}
.darkgreen{
  background-color:#597823;
}
.lightgreen{
  background-color:#6BBA0C;
}
.yello{
  background-color:#FFCD0F;
}
.orange{
  background-color:#F09609;
}
.lightorange{
  background-color:#FD9511;
}
.blue{
  background-color:#1BA1E2;
}
.lakeblue{
  background-color:#00ABA9;
}
.navyblue{
  background-color:#2CA2E1;
}
.skyblue{
  background-color:#4EBEE4;
}
.brown{
  background-color:#996600;
}
.purple{
  background-color:#A200FF;
}
.gray{
  background-color:#DEDFDE;
}
.darkgray{
  background-color:#CACACA;
}
.white{
  background-color:#FFFFFF;
}
.black{
  background-color:#000000;
}

min:

.red{background-color:#E51400}.magenta{background-color:#FF0097}.pink{background-color:#E671B8}.green{background-color:#393}.grassgreen{background-color:#8CBF26}.darkgreen{background-color:#597823}.lightgreen{background-color:#6BBA0C}.yello{background-color:#FFCD0F}.orange{background-color:#F09609}.lightorange{background-color:#FD9511}.blue{background-color:#1BA1E2}.lakeblue{background-color:#00ABA9}.navyblue{background-color:#2CA2E1}.skyblue{background-color:#4EBEE4}.brown{background-color:#960}.purple{background-color:#A200FF}.gray{background-color:#DEDFDE}.darkgray{background-color:#CACACA}.white{background-color:#FFF}.black{background-color:#000}