Material Design Palette/Theme Generator - AngularJS, React, Ember, Vue, Android, Flutter & More!
A tool for generating a color palette for Material Design. Supports exporting to and importing from various Material Design frameworks and toolkits.
This palette generation tool supports both exporting and importing palettes for the following frameworks and tools: 1) Android XML 2) AngularJS (Material) 3) AngularJS 2 (Material 2) 4) Ember Paper 5) Material Design Lite (SCSS) 6) Material UI (React) 7) Material UI Next (React) 8) Vue.js Material Design 9) Flutter 10) MCG Reimport (Proprietary)
When importing code, please ensure that it was code generated with this tool. In many cases, code generated outside of this tool should work as well, however this is unreliable.
By default, we've chosen an Algorithm that seems to do a decent job at picking colors in most situations. However, if you find your palette doesn't look quite how you'd expect, you may change the algorithm that is used. Options are:
Please see the CHANGELOG.
Should you encounter a bug/problem or have a question about the tool please report it using GitHub's "Issues" feature here.