Material Palette

Generate and export your Material Design color palette

9 followers

Generate and export your Material Design color palette

9 followers

•

•

Launch tags:Web App•Design Tools•Tech

Launch Team

CloudflareStill paying to deploy your apps? Try Cloudflare Workers for free

Promoted

This is great but would love to see the 'Axxx' shades used for the accent color instead of the '500' shades. Thanks!

Report

12yr ago

She Codes

Maker

@crafty Thanks Nick. Sounds good. I could default it to A200? Which shade would you pick for brown, grey and blue grey? 500?

Report

12yr ago

@mattaussaguel yes the A200 shade would be a good default for accents. Accent shades are meant to be bright, saturated colors to contrast the primary color, so wouldn't make sense to have an accent in those listed colors.

Report

12yr ago

She Codes

Maker

@crafty Cool, I've made some tweaks, it should be better now. Still need to do some work on the preview when I find the time. I might also include a dark theme. Feel free to get in touch with me if you have suggestions, your feedback was very helpful.

Report

12yr ago

Instapan

Really useful, Matt! One minor quibble is that I have a client whose primary color is yellow, and the preview defaults to white text on top of it, but it looks like it should have dark text and icons. Nevertheless, the generated palette is awesome. Will definitely be using this in the future!

Report

12yr ago

She Codes

Maker

@gregg Thanks Gregg! You're right, I need to tweak the text color based on the primary color. I'll do my best to get this right :)

Report

12yr ago

@gregg @mattaussaguel check out how we pick an appropriate text color to sufficiently contrast against a given background color in the Android Palette library. See the getTextColorForBackground method: https://android.googlesource.com...

Report

12yr ago

She Codes

Maker

Hi everyone, as part of my Material Design exploration, I worked on this project over the weekend and think it could be useful for a lot of ProductHunters, designers and developers. The concept isn't new, but I believe this the first Material Design color palette generator. All you have to do is pick 2 colors and the palette is automatically generated for you — you can then share and export it in different formats. I hope you like it and feel free to get in touch with me if you any idea on how I could make it better matthieu.aussaguel@gmail.com.

Report

12yr ago