DEV Community

loading...

10 Colour Resources You Will Love

Marcel Cruz
JavaScript developer • Design enthusiast
・2 min read

Choosing a colour scheme for your project is crucial. It should make the user "feel" the message you're conveying, but even more importantly, it should be accessible, with an easy-to-distinguish elements hierarchy. And you probably also wanted it to look good.

You get me. That's an important task.

Gladly, several tools have been created to make the process of choosing a colour palette as easy and efficiently as possible, while keeping good aesthetics.

Shameless plug: that's why I created Dev Resources, to keep all the good things I found in the last years, including the ones mentioned in this article, in one place. No more forgetting or messy bookmarks.

Without further ado, let's talk about 10 colour resources you will love.


Coolors

Generate or browse beautiful color combinations for your designs.

🔗 https://coolors.co

Data Viz Color Picker

A color palette generator for data visualizations.

🔗 https://learnui.design/tools/data-color-picker.html

Color Hunt

Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes.

🔗 https://colorhunt.co

Gradient

Thousands of trendy color gradients in a curated collection that is updated daily. Get a fresh color gradient for your next design project and save all the gradients you like.

🔗 https://gradienthunt.com

Happy Hues

See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.

🔗 https://www.happyhues.co

ColorSpace

Here you can find the perfect matching color scheme for your next project! Generate nice color palettes, color gradients and much more! Your space for everything that has to do with color!

🔗 https://mycolor.space

Palette List

Palette List is a dynamic palette generator.

🔗 https://www.palettelist.com

Canva

Easily generate awesome color palettes from an image.

🔗 https://www.canva.com/colors/color-palette-generator

Material Design Palette

Choose your favorite colors and get your Material Design palette generated and downloadable.

🔗 https://www.materialpalette.com

colors.lol

A fun way to discover interesting color combinations.

🔗 https://colors.lol


Bonus: Dev Resources

As I mentioned at the beginning of this article, Dev Resources is a compilation of all resources you might need as a developer. You can find all the resources above and a lot more.

No more forgetting or messy bookmarks.

🔗 https://devresourc.es


I hope you enjoy this list and that it helps you with your developer journey.

And if you want to connect with me, you can reach me on Twitter as @marcelcruz.

Happy coding!

Discussion (7)

Collapse
kotaid profile image
kotaid

maybe we wanna add color.adobe.com/create

Collapse
marcelcruz profile image
Marcel Cruz Author

That's indeed a nice one, and it's listed on devresourc.es/ui-design/colour-pal.... :)

Collapse
kotaid profile image
kotaid

thanks fot the great list

Thread Thread
marcelcruz profile image
Marcel Cruz Author

You're very welcome! :)

Collapse
mangor1no profile image
Mangor1no

Great post! I bookmarked a lot, thank you again!

Collapse
marcelcruz profile image
Marcel Cruz Author

I'm glad you liked it!

Collapse
ramonborges15 profile image
Ramon Borges

That's incredible! Thanks so much!