Material Design Color Generator
Ranked in Color Palette Generators ·Free plan
About
Material Design Color Generator is a free web tool for generating Material Design palettes and importing or exporting them for supported frameworks and toolkits. Targets include Android XML, AngularJS Material, AngularJS 2 Material, Ember Paper, Material Design Lite, Material UI, Material UI Next, Vue.js Material Design, and Flutter; MCG Reimport is also listed. The generator offers three algorithms: Traditional is the default and produces lower contrast, Constantin produces higher contrast, and Buckner varies Constantin with a focus on A100–A700 hues. Export formats include Android XML and SCSS, and accessibility checks are listed. The project is open source under the MIT license and priced at 0.00 USD per free, with no paid plans stated. Its README recommends importing code generated by the tool because code from other sources may work unreliably. The interface does not yet support more than five palettes. Identifying primary and secondary palettes, drag-and-drop ordering, and per-color reset buttons are listed as planned enhancements. Bug reports and questions are directed to GitHub Issues.
Who it is for
It suits teams generating Material Design palettes for the listed frameworks and toolkits, particularly those that need Android XML or SCSS exports. It is also relevant for users who want to compare the available contrast algorithms or run accessibility checks.
What is good
- Supports a range of framework and toolkit targets
- Offers three palette-generation algorithms
- Exports Android XML and SCSS
- MIT-licensed open-source project
What to know first
- Interface does not support more than five palettes
- Importing code from other sources may be unreliable
- Several palette controls remain planned enhancements
Verdict
Material Design Color Generator covers multiple Material targets and gives users three generation methods, with accessibility checks and two listed export formats. Its five-palette limit and recommendation to use generated code matter for workflows built around importing existing palettes.
Compared on color palette generators
- Palette methods
- generatemcg.mbitson.com
- Accessibility checks
- Yesmcg.mbitson.com
- Export formats
- Android XML, SCSSmcg.mbitson.com
Facts
- Purpose
- Generates color palettes for Material Design and supports importing and exporting palettes for frameworks and toolkits.github.com · 4 Oct 2026
- Integrations
- Supported targets include Android XML, AngularJS Material, AngularJS 2 Material, Ember Paper, Material Design Lite, Material UI, Material UI Next, Vue.js Material Design, and Flutter.github.com · 4 Oct 2026
- Reimport
- MCG Reimport is also listed as a supported proprietary import/export option.github.com · 4 Oct 2026
- Generation algorithms
- The generator offers Traditional, Constantin, and Buckner algorithms; Traditional is the default and produces lower contrast, while Constantin produces higher contrast.github.com · 4 Oct 2026
- Algorithm detail
- Buckner is described as a variation of Constantin focused on A100–A700 hues.github.com · 4 Oct 2026
- Import limitation
- The README recommends importing code generated by this tool and says code from other sources may work unreliably.github.com · 4 Oct 2026
- Support
- The project directs users to report bugs or ask questions through GitHub Issues.github.com · 4 Oct 2026
- Palette limit
- A planned enhancement calls out that the interface does not yet support more than five palettes.github.com · 4 Oct 2026
- Further palette controls
- Identifying primary and secondary palettes, drag-and-drop palette ordering, and per-color reset buttons are listed as planned enhancements.github.com · 4 Oct 2026
- License
- The repository lists an MIT license.github.com · 4 Oct 2026
- Security
- The opened project page does not describe security certifications or compliance.github.com · 4 Oct 2026
Best Material Design Color Generator alternatives
See all 20
Where it ranks on Inferse
Sources
- github.com/mbitson/mcg· checked 4 Oct 2026