Subscribe
Sign in
Color Palette Generator — Quick and easy CSS color palettes for inspiration
Color Palette Generator is a tool to quickly generate color palettes. You can use these palettes in your web projects by simply copy-pasting the CSS code. We use the color science from My Brand New Logo so every palette is algorithmically generated and unique.
12
Replies
Maker
Just launched a new spin-off from My Brand New Logo: a quick way to generate color palettes for your next web project. Would love to get some feedback!
Awesome! What algorithms do you use for creating the palettes? What makes a good palette vs a bad one?
Maker
@daniel_martinez_w I work in CIELAB color space, and adapt colors via a custom attenuation function. What makes a good palette? That's a good question and it's subjective. I tried to make rules that incorporate contrast, a color differentiation threshold and "interesting" hues that don't stay constant.
Maker
@ laurip good idea. I think it's good to add some export / download options in the future.
Maker
@michael_mirzoyan Well, it's a spin-off of my logo generator https://mybrandnewlogo.com . That was where all the bulk of the work went. I estimate development of the first version of that logo generator took ~600 hours, spread over a little more than a year. Part of that were color algorithms, which this app reuses and involved some experimenting time. It's hard to decouple. This color palette page took ~2 days of tinkering, but most of the code was already there.
Git Up