Web gradients are a dime a dozen these days as CSS3 makes it so easy to create gradients from scratch, and with the right code library, it’s even easier.
That’s where the value of coolHue comes in. This free online library is perhaps the best place to find awesome gradients for your site.
Most gradients follow a very bright two-color or three-color pastel selection. But the gradients are easy to edit so you can get these working with any site.
From the main page, it may not look like much. It’s mostly a collection of hand-picked gradients featuring different hues and color choices. Yet, if you visit the GitHub repo you’ll find a whole other story. This collection is the best choice for finding personalized color palettes, all specifically designed for websites.
It’s easy enough to port these gradients into a mobile app UI as well. But I’ve found they’re most useful with newer design trends like drop shadows.
When editing your site you can pass color hues into a custom array variable colorData. This should appear inside your main HTML along with all your gradient elements.
With the coolHue site, you can even download free PNG files of the gradients. This way you can edit them into graphic design projects, website mockups, or use them outside of raw HTML/CSS/JS code.
And if you’re a big Photoshop user there’s even a .grd gradient file with all the coolHue gradients. Awesome right?