Generate material design color palette from a base color

colorGen.js

var bases = [{
    alpha: 0.13,
    name: "50"
}, {
    alpha: 0.31,
    name: "100"
}, {
    alpha: 0.50,
    name: "200"
}, {
    alpha: 0.7,
    name: "300"
}, {
    alpha: 0.85,
    name: "400"
}, {
    alpha: 1,
    name: "500"
}, {
    alpha: 0.91,
    name: "600"
}, {
    alpha: 0.81,
    name: "700"
}, {
    alpha: 0.71,
    name: "800"
}, {
    alpha: 0.52,
    name: "900"
}]


function generateMaterialColors(r, g, b) {
    var colors = {}
    for (var i = 0; i < bases.length; i++) {
        colors[bases[i].name] = 'rgba(' + r + ',' + g + ',' + b + ',' + bases[i].alpha + ')'
    }

    return colors
}

// Note this doesnt generate accent colors currently
// Also the darker colors a bit off from the material design color templates
var brandColors = $mdThemingProvider.extendPalette('green', generateMaterialColors(21, 120, 80))

// make a palette
$mdThemingProvider.definePalette('brand', brandColors)

// make a theme
$mdThemingProvider.theme('myTheme')
    .primaryColor('brand')
    .accentColor('brand')