Material Colors

Colors from Google's Material Design made available to coders.

The colors are scraped from the guide. The idea to publish colors in multiple forms is stolen from mrmrs/colors.

Available Forms

CSS: Classes for prototyping such as .color-red-100, .bg-red-100, .border-red-100, .fill-red-100 and .stroke-red-100.
CSS variables such as --md-red-100.
Sass, Scss: Color variables such as $md-red-100.
Less: Color variables such as @md-red-100.
Stylus: Color variables such as md-red-100.
JSON: Raw data of colors. Key names are hypenated. e.g. deep-purple
JavaScript: Color set object provided via AMD, CommonJS or global variable materialColor. Key names are camelCase. e.g. deepPurple
EcmaScript module: Color variables are exported as camelCase names.

See dist directory or demo for more details.

Download what you like from dist directory and use it.

bower install material-colors

and use what you like in bower_components/material-colors/dist.

npm install material-colors

Name		Name	Last commit message	Last commit date
Latest commit History 43 Commits
dist		dist
lib		lib
tasks		tasks
templates		templates
.gitignore		.gitignore
.npmignore		.npmignore
Gruntfile.js		Gruntfile.js
README.md		README.md
bower.json		bower.json
package.json		package.json
sample.html		sample.html