Metro UI Colors

.lightgreen {
    background: #99b433;
}

.lightgreen:hover {
    background: #7c9229;
}

.green {
    background: #00a300;
}

.green:hover {
    background: #007c00;
}

.magenta {
    background: #ff0097;
}

.magenta:hover {
    background: #bb006f;
}

.purple {
    background: #7e3878;
}

.purple:hover {
    background: #5e2a5a;
}

.darkpurple {
    background: #603cba;
}

.darkpurple:hover {
    background: #4b308f;
}

.darken {
    background: #1d1d1d;
}

.darken:hover {
    background: #000000;
}

.blue {
    background: #2d89ef;
}

.blue:hover {
    background: #236ec0;
}

.darkblue {
    background: #2b5797;
}

.darkblue:hover {
    background: #214476;
}

.orange {
    background: #e3a21a;
}

.orange:hover {
    background: #bf8814;
}

.darkorange {
    background: #da532c;
}

.darkorange:hover {
    background: #af4222;
}

.teal {
    background: #00aba9;
}

.teal:hover {
    background: #008583;
}

.lightpurple {
    background: #9f00a7;
}

.lightpurple:hover {
    background: #7d0083;
}

.darkgreen {
    background: #1e7145;
}

.darkgreen:hover {
    background: #154f30;
}

.red {
    background: #ee1111;
}

.red:hover {
    background: #ba0e0e;
}

.darkred {
    background: #b91d47;
}

.darkred:hover {
    background: #97183a;
}

.skyblue {
    background: #094ab2;
}

.skyblue:hover {
    background: #083e93;
}