Freedom251 › Color Palette Generators
Material Design Color Generator
What Material Design Color Generator is
Material Design Color Generator is a free web tool for building palettes for Material Design and moving them into supported frameworks and toolkits. It supports targets including Android XML, AngularJS Material, AngularJS 2 Material, Ember Paper, Material Design Lite, Material UI, Material UI Next, Vue.js Material Design, and Flutter, as well as MCG Reimport. The generator offers Traditional, Constantin, and Buckner methods. Traditional is the default and creates lower-contrast palettes; Constantin creates higher contrast, while Buckner adapts Constantin around A100–A700 hues. Available exports include Android XML and SCSS, and the tool includes accessibility checks. The project is open source under the MIT license and costs nothing. Its README recommends importing code created by the generator because importing code from other sources may be unreliable. The interface does not yet handle more than five palettes. Primary and secondary palette identification, drag-and-drop ordering, and per-color reset controls are listed as planned enhancements. Bug reports and questions go through GitHub Issues.
Who it suits
It suits designers and developers creating Material Design palettes for supported frameworks or toolkits. It may also suit people who need accessibility checks or Android XML and SCSS exports.
What it does well
- Supports a range of framework and toolkit targets.
- Offers three palette-generation methods.
- Includes accessibility checks.
- Exports Android XML and SCSS.
- Open source under the MIT license.
What to know first
- Does not support more than five palettes.
- Imports from other sources may work unreliably.
- Several palette-management controls remain planned.
Limits
The interface supports no more than five palettes. The free plan is priced at $0; no paid plans are stated.
Plans
| Plan | Billed and limits | Price |
|---|---|---|
| Open-source software | No paid plans stated | Free |
As mcg.mbitson.com lists them, read 4 Oct 2026. The maker's own page has the final word.
Getting started
- Open https://mcg.mbitson.com/ in a web browser.
- Choose Traditional, Constantin, or Buckner for palette generation.
- Generate a palette and use the available accessibility checks.
- Import or export palettes for a supported framework or toolkit.
- Export in Android XML or SCSS format.
Verdict
Material Design Color Generator provides palette generation, accessibility checks, and exports for listed targets at no cost. Its five-palette ceiling and potential unreliability with outside code imports are worth considering.
Questions
How much does Material Design Color Generator cost?
Its free plan is priced at $0. No paid plans are stated.
Is there a free trial?
No. A free trial is not offered.
Which platforms does it support?
It is a web tool.
Is Material Design Color Generator open source?
Yes. The project lists an MIT license.
Which formats and targets can it export to?
Export formats include Android XML and SCSS. 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.
How can users get help or report a bug?
The project directs users to GitHub Issues for questions and bug reports.
Facts from Material Design Color Generator's own pages
- Algorithm detail
- Buckner is described as a variation of Constantin focused on A100–A700 hues. · 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
- 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
- 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
- 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
- License
- The repository lists an MIT license. · 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
- Purpose
- Generates color palettes for Material Design and supports importing and exporting palettes for frameworks and toolkits. · github.com, 4 Oct 2026
- Reimport
- MCG Reimport is also listed as a supported proprietary import/export option. · github.com, 4 Oct 2026
- Security
- The opened project page does not describe security certifications or compliance. · github.com, 4 Oct 2026
- Support
- The project directs users to report bugs or ask questions through GitHub Issues. · github.com, 4 Oct 2026
Where Material Design Color Generator stands on Freedom251
- Color Palette Generators#24 of 34