Matt Delac

Material Palette - Generate and export your Material Design color palette

Add a comment

Replies

Best
Matt Delac
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.
Nick Butcher
This is great but would love to see the 'Axxx' shades used for the accent color instead of the '500' shades. Thanks!
Matt Delac
@crafty Thanks Nick. Sounds good. I could default it to A200? Which shade would you pick for brown, grey and blue grey? 500?
Nick Butcher
@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.
Matt Delac
@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.
Eric Willis
I've added to my Best of Material Design Collection http://www.producthunt.com/erict...
Matt Delac
@erictwillis Thanks Eric, nice to see MaterialUp in there too :)
Gregg Hartling
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!
Matt Delac
@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 :)
Nick Butcher
@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...
Matt Delac
@mastef Thanks Markus!
Nick Franklin
Very slick, nice work Matt
Matt Delac
@nick_franklin Cheers Nick, glad you like it :)
Martin Bay
Very nice - I all ready like it!
Matt Delac
@fotofactorydk Thanks Martin :)
Saijo George
Good stuff Matt. It looks awesome, I have added it to my collection http://www.producthunt.com/saijo...
Matt Delac
@saijo_george Nice, thanks Saijo! Great collection too.
Thomas K. Running
This is great Matt! Thanks for building and sharing!
Matt Delac
@kjemperud You're welcome :)
Brandon Doyle
I love this!
Stefan Ritter
sweet! have u looked at using polymer for this?
Matt Delac
@stefanritr No I haven't, I need to look into this. I've used Angular/Bootstrap/Rails. Would you recommend it for this type of projects?
Kevin Mann
This is really useful, saved me a lot of time this morning on a quick mock up I was doing.