Material Color Palette Extension for Google Chrome. Download It Here


I found myself spending way too much time digging through Google's Material Design documentation for color codes. I primarily work with Chrome so I figured it would be easy to develop a Chrome extension. Do the work once and save a bunch of time. If you're curious how it works you can find the GitHub project here.

What is Material Design?

Material Design is a style guide put together by Google. Material.io says "Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences." In short it's a set of principles that help guide you to a clean design. It's spacing & hierarchy that compliment each other, colors that contrast in a pleasing way, even components that you can build clean, user-friendly products with.

What The Material Color Palette Does

The Material Color Palette provides a quick and easy way to access any of the color codes from the Material Design docs. Instead of having to dig through them to get a color you can just open the Extension, click the color that you want and paste the #HEX, HEX, RGB, or RGBA color codes. ( Blue: #2196F3, 2196F3, rgb(33,150,243), rgba(33,150,243,1) ).

Having Problems? Find Any Bugs?

Let us know on the project's GitHub Issues Page.

Leave a Reply

Your email address will not be published. Required fields are marked *

Let's Get Started

Answer a few quick questions about your project and we will get back to you as soon as possible!