CSS JavaScript HTML




Coolest handpicked Gradient Hues and Swatches for your next super ⚡ amazing stuff. coolHue has 60 coolest Gradients and 🌱 the list is still growing. You can also personalize the coolHue Palette as per as your taste.


coolHue gradients palette is rendered by JavaScript Object which makes it very easy to make a subtle update anytime.


You can create your very own personalized collection of Gradient Palette with coolHue -

  1. Download the latest coolHue release archive from the repository's release section.
  2. Unpack the archive and drag index.html in the browser, to check out the default gradient palette.
  3. All the gradients which are visible in the browser by default are rendered by colorData Javascript Object.
  4. You just need to update the colorData Object (array) to create your very own gradient palette. So, Open index.html in the text editor and update the color codes.

cooHue JS Object

  1. Voila! 👏 drag the index.html into the browser and you are done!


You can grab the complete dev build using the bower package manager via following installation command

bower install coolhue

❗️ Installation command mentioned above needs bower to be pre installed on your local machine.

Photoshop Gradient Palette

You can download the coolHue Gradient Palette for Photoshop.

Sketch App Gradient Palette

You can download the coolHue Gradient Palette for Sketch App.


Crafted with ❤️ by UVdesk App