I found this on the Angular2 Material github page
Angular Material Home Page

So assuming you are using Angular-CLI
Color Pallette - For selecting the colors you want to use and their shades, eg brown = $md-brown then choose a shade like 800.
1.) First Create a ./src/forest-theme.scss
file (Whatever name you want)
@import '~@angular/material/core/theming/all-theme';
@include md-core();
$forest-app-primary: md-palette($md-brown, 800); // Brown <-- CUSTOM COLOR HERE!
$forest-app-accent: md-palette($md-green, A400); // Green <-- CUSTOM COLOR HERE!
$forest-app-warn: md-palette($md-deep-orange, 500); // Orange <-- CUSTOM COLOR HERE!
$forest-app-theme: md-light-theme($forest-app-primary, $forest-app-accent, $forest-app-warn);
@include angular-material-theme($forest-app-theme);
2.) Next: Add a new entry to the "styles" list in angular-cli.json
pointing to the theme file (e.g., forest-theme.scss).
angular-cli.json
{
"project": {
"version": "blah",
"name": "my_forest_app"
},
"apps": [
{
"styles": [
"styles.css",
"forest-theme.scss"
]
}
],
}
3.) Then in your component you should be able to do something like this
import {Component} from '@angular/core';
@Component({
selector: 'my-app',
template: `
<md-toolbar color="primary">
<span>Forest Application Title</span>
</md-toolbar>
<br/>
<div>
<h2>Hello {{name}}</h2>
<button md-raised-button color="primary">Forest PRIMARY</button>
<button md-raised-button color="accent">Forest ACCENT</button>
<button md-raised-button color="warn">Forest WARN</button>
<br>
<br>
<md-input color="primary" placeholder="Primary Search"></md-input>
</div>
`,
})
export class App {
name:string;
constructor() {
this.name = 'Angular2 Material'
}
}
That should do it, any questions this page should answer them
Update
Angular Material has its own web site with plenty of Guides