Suggestions appear as you type. Use the up and down arrows to choose one and Enter to open it.

This page's audience our own tag's counts — open to see them
–Visits
–Page views
–Clicks to vendors
–Time on page
–Reading now
Clicks to vendors, by tool
  • –
Top countries
  • –
Devices
  • –

– · visits, page views and clicks counted by our own tag, which counts more than our checked analytics; every figure rounded down · how we count

Material Design Color Generator

Free#15 of 34 in Color Palette Generators

Material Design Color Generator: A focused, open-source palette generator for Material Design projects. Ranked #15 of 34 in Color Palette Generators by our editors (6.7/10); pricing: Open source; best for material Design framework projects.

6.7/10Editor score
Open Color Generator
Material Design Color Generator6.7 Open Color Generator

At a glance

  • Editor score
    6.7 / 10
  • Pricing
    Open source
  • Best for
    Material Design framework projects
  • Paid from
    Free
  • Palette methods
    Generate
  • Facts checked
    22 Sep 2026

  • Where it wins

    • Offers Traditional, Constantin, and Buckner generation algorithms
    • Exports to Android, Material UI, Flutter, Vue, and other frameworks
    • Includes color-contrast detection and palette import support

  • Where it doesn't

    • Focused on Material Design rather than general palette workflows
    • Does not provide image color extraction
    • Does not include palette saving

Our verdict on Material Design Color Generator

Material Design Color Generator is a browser-based tool for developers and designers creating Material Design color palettes. It generates palettes from selected colors, detects color contrast, and supports imports from compatible framework and toolkit formats. The tool is distributed as open-source software and fits solo developers and small teams working in web-based design or development workflows.

Its main strength is the depth of its Material-focused generation workflow. Users can choose Traditional, Constantin, or Buckner algorithms, then export palettes for Android XML, AngularJS Material, AngularJS 2 Material, Ember Paper, Material Design Lite, Material UI, Material UI Next, Vue.js Material Design, and Flutter. The published integration list also includes SCSS and MCG Reimport. That breadth makes it practical when one palette needs to move across several Material-related frameworks and toolkits.

The trade-off is its narrow focus. Material Design Color Generator is suited to structured, framework-oriented palette creation rather than broader inspiration or asset-based color discovery. It does not include image color extraction or palette saving, so users seeking those workflows should choose a more general color tool. Support is community-based, and the product is available through the web, with cloud deployment. Choose it when Material Design output, contrast detection, and framework exports matter most; look elsewhere when persistent palette management or image-driven generation is central.

Your product? Our editors can test Material Design Color Generator in depth and publish a review, labelled as paid · from $149/mo →

Material Design Color Generator pricing

Plans Open sourceFree Free to use — no paid tier required for the core job.
See plans on mcg.mbitson.com

Material Design Color Generator fact sheet

Free planNot verified
Paid fromFree
Palette methodsGenerate
Image extractionNot verified
Accessibility checksYes
Export formatsAndroid XML, SCSS
Saved palettesNot verified
Brand color libraryNot verified
Print color supportNot verified
DeploymentCloud
PlatformsWeb
SupportCommunity
Built forSolo, Small business (editorial estimate)
Integrations10 integrations: Android XML, AngularJS Material, AngularJS 2 Material, Ember Paper, Material Design Lite, Material UI …
PricingOpen source
Websitemcg.mbitson.com
Facts checked22 Sep 2026

Material Design Color Generator integrations

Material Design Color Generator lists 10 integrations on its own site.

  • Android XML
  • AngularJS Material
  • AngularJS 2 Material
  • Ember Paper
  • Material Design Lite
  • Material UI
  • Material UI Next
  • Vue.js Material Design
  • Flutter
  • MCG Reimport

Alternatives to Material Design Color Generator

See all Material Design Color Generator alternatives →

Used Material Design Color Generator? Be the first to review it

The editor score above is our own research. What this page doesn't have yet is a reader's view — what you used Material Design Color Generator for, what worked and what didn't. No stars are seeded and no review is paid for; an editor reads every one before it appears.

Write a reviewTwo minutes · verified accounts only · read by an editor before it appears

Reviews come only from verified accounts. Sign in or create an account first — your e-mail is never shown.

Your rating

0 characters · at least 80, up to 3,000

Posted from your verified account. Reviews appear after an editor reads them, usually within two working days.

Featured on iTechGuides

Featured on iTechGuides — Material Design Color Generator 6.7/10

Material Design Color Generator is listed in our Color Palette Generators directory. Add the badge to your site — it links back to this page.

<a href="https://www.itechguides.com/products/material-design-color-generator/"><img src="https://www.itechguides.com/best/badge/material-design-color-generator.svg" alt="Featured on iTechGuides" width="230" height="46"></a>

Reviewed by iTechGuides Editors · Editorial team · Updated Oct 2026

Advertiser disclosure: iTechGuides is reader-supported. Vendors can pay for top positions in our rankings and for a place on other products' pages, and we may earn a commission when you click some links. Bought places stand at the number bought; this page and our disclosure say so. Paying vendors may get a fuller, more detailed review from our editors, and that review can change their score. How we rank.

Last updated · How we research and update