EVERYTHING XIAOMI
Get listed

Material Design Color Generator

Material Design Color Generator is a free web tool for generating color palettes for Material Design and moving palettes into supported frameworks and toolki…

Place
#24 of 34
Score
5.8

What Material Design Color Generator is

Material Design Color Generator is a free web tool for generating color palettes for Material Design and moving palettes into supported frameworks and toolkits. Its listed 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 as an import and export option. Users can choose among Traditional, Constantin and Buckner algorithms. Traditional is the default and produces lower contrast, Constantin produces higher contrast, and Buckner is a Constantin variation focused on A100–A700 hues. The listed export formats are Android XML and SCSS, and accessibility checks are available. The project is open source under the MIT license, with a listed price of no cost. Its README recommends importing code generated by the tool because code from other sources may work unreliably. The interface does not support more than five palettes; primary and secondary palette identification, drag-and-drop ordering and per-color reset buttons are listed as planned enhancements.

Good

  • Supports palette export to Android XML and SCSS.
  • Offers three palette-generation algorithms.
  • Accessibility checks are available.
  • Open source under the MIT license.

Watch out

  • The interface does not support more than five palettes.
  • Code from other sources may import unreliably.
  • Several palette-management controls are only planned enhancements.

Who it suits

This tool suits people generating Material Design palettes who want to export to one of its listed frameworks or toolkits. Its algorithm choices and accessibility checks may help users compare palette options.

Verdict

Material Design Color Generator offers a focused way to make and export palettes, with three algorithms and accessibility checks. Keep the five-palette limit and the import guidance in mind when working with existing code.

Plans and prices

From Material Design Color Generator's own pricing page, checked 4 Oct 2026.

All about pricing
PlanPriceWhat it gives you
Open-source softwareFreeNo paid plans stated

The facts

Each one read from Material Design Color Generator's own pages, with the date it was checked.

What it does

Algorithm detail
Buckner is described as a variation of Constantin focused on A100–A700 hues.checked 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.checked 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.checked 4 Oct 2026
Import limitation
The README recommends importing code generated by this tool and says code from other sources may work unreliably.checked 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.checked 4 Oct 2026
License
The repository lists an MIT license.checked 4 Oct 2026
Palette limit
A planned enhancement calls out that the interface does not yet support more than five palettes.checked 4 Oct 2026
Purpose
Generates color palettes for Material Design and supports importing and exporting palettes for frameworks and toolkits.checked 4 Oct 2026
Reimport
MCG Reimport is also listed as a supported proprietary import/export option.checked 4 Oct 2026
Security
The opened project page does not describe security certifications or compliance.checked 4 Oct 2026
Support
The project directs users to report bugs or ask questions through GitHub Issues.checked 4 Oct 2026

Alternatives to Material Design Color Generator

All alternatives
  1. 1Pantone Connect Palette Generator logo

    Pantone Connect Palette Generator

    Free planAndroidiOSWebExtension
    8.0Free plan
    Visit
  2. 2

    PaletteWB

    Free planWindows
    7.1$14.99 one-time
    Visit
  3. 3Colorfool logo

    Colorfool

    Free planWeb
    6.6Free plan
    Visit
  4. 4

    qualpal

    Open sourceWebAPILinuxmacOS
    6.6
    Visit
  5. 5ColorDesigner logo

    ColorDesigner

    Free planWebExtension
    6.5From $37.20 a year
    Visit
  6. 6ColorPalette Pro logo

    ColorPalette Pro

    Free planWeb
    6.5Free plan
    Visit