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.
@crafty Thanks Nick. Sounds good. I could default it to A200? Which shade would you pick for brown, grey and blue grey? 500?
Report
@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.
@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.
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!
@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
@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...
Palette List
Material Design Palette Deck
Palette List
Palette List
Startup TV
Palette List
Instapan
Palette List
Tab Manager Plus for Chrome
Palette List
ChartMogul
Palette List
Nordic Appeal
Palette List
Nordic Appeal