12 Colour palette and Gradient inspirations for designers and developers.

GistCoding
4 min readFeb 18, 2019

--

Image credits: Pexels

First things first, I would like to point out I am not the best writer 😅 but I always wanted to contribute over medium whether it was doing a tutorial, sharing my experiences in the design/development or even sharing awesome resources or tools I found. So with that out the way :) let’s continue.

Over the past few months, I’ve been putting a collection together of different gradient and colour pallet inspirations. Whether it is a collection of pre-made palettes or even generators.

I will be sharing what I’ve found so far, together with direct links to the site or app. I take no credit for the descriptions, these come from the site itself.

1. Huesnap

Create and share colour palettes. Colour inspiration for creatives around the world. Website link here

2. Colordrop

Thousands of curated colours, palettes for use in your products. Website link here.

3. Colorhunt

Colour Hunt is a free and open platform for colour inspiration with thousands of trendy hand-picked colour palettes. Website link here.

4. CSSGradient

CSS Gradient is a happy little website and free tool that lets you create a gradient background for websites. Besides being a css gradient generator, the site is also chock-full of colourful content about gradients from technical articles to real life gradient examples like Stripe and Instagram. Website link here.

5. Cool Backgrounds

Cool Backgrounds is a collection of tools to create compelling, colourful images for blogs, social media, and websites. Website link here.

6. CoolHue

Coolest handpicked Gradient Palette and Swatch for your next super amazing stuff. Website link here.

7. HtmlColours

Get your Html Colour codes with our colour picker, HEX code, RGB, RGBA, HSL and HSLA values, including HSV, HWB and CMYK. Go pick! Website link here.

8. HtmlColourCodes

Get HTML colour codes, Hex colour codes, RGB and HSL values with our colour picker, colour chart and HTML colour names. Website link here.

9. GradientHunt

Gradient Hunt is a free and open platform for colour inspiration with thousands of trendy hand-made colour gradients. Website link here.

10. Coolors

The super fast colour schemes generator! Create, save and share perfect palettes in seconds! Website link here.

11. Trendy Palettes

Thousands of trendy colour palettes in a curated collection that is updated daily. Get a fresh colour palette for your next design project and save all the palettes you like. Website link here.

12. Colorffy

Colour gradients and palettes daily! Get css, images, ui previews or create your own gradients! We creates amazing gradients and palettes for designers and UI developers. Website link here.

Well there you go 🙂 hope you enjoyed the post and it was helpful in some way, whether it be in your next design or development project. Please sign up to my newsletter here. I will be sending updates around the latest tools, resources and articles 🔥 for both designers and developers.

--

--

GistCoding

My name is Kim Petersen From the beautiful Cape Town South Africa. I have a great passion for Web Design and frontend development.