Get perfect Material Design color palettes from any hex color
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css improves footer spacing Jan 12, 2019
images adds meta info and images Jan 14, 2019
js adds note at the top of the script file Jan 11, 2019
404.html better URLs for OG images Jan 14, 2019
CNAME Create CNAME Jan 9, 2019
README.md updates README Jan 11, 2019
android-chrome-192x192.png improves favicons and adds sitemap Jan 12, 2019
android-chrome-512x512.png improves favicons and adds sitemap Jan 12, 2019
apple-touch-icon.png
browserconfig.xml initial commit Jan 9, 2019
favicon-16x16.png improves favicons and adds sitemap Jan 12, 2019
favicon-32x32.png
favicon.ico
google6440a06758b62a5f.html adds google search console file Jan 9, 2019
index.html better URLs for OG images Jan 14, 2019
mstile-150x150.png improves favicons and adds sitemap Jan 12, 2019
safari-pinned-tab.svg
site.webmanifest improves favicons and adds sitemap Jan 12, 2019
sitemap.xml improves favicons and adds sitemap Jan 12, 2019

README.md

 Material Design Palette Generator

What is this?

This is a (modified) clone of the official Material Design palette generator. It does a couple things:

  1. Builds you a full color palette from a given hex color, based on Material Design standards
  2. Provides you with complementary colors based off your primary color

Why is this?

Google's official palette generator is embedded and buried deep within the Material docs. Since it's an inline tool, they also hid it from search engines, making it difficult to discover or bookmark.

To make it a little easier to use and to preserve it for our own documentation, we forked it and added some minor improvements. We did not change the way colors are derived.

The color output matches that produced in the Material Theme Editor for Sketch, so it's a good companion for that.

Credits

  • Most of this is copyright Google Inc. If you do anything with their code, please maintain the licenses they indicate at the top of the large files.
  • You can use any of our modifications without credit, except...
  • Favicon image courtesy of Roundicons and pulled from flaticon.com. If you reuse it, please continue to credit the creator.

Tech

It's just HTML, CSS, and JavaScript. Run it locally on your favorite server.

About us

Kuali is a software company that serves the higher education space. We're based in Utah and have remote workers all over the United States. Join our team.