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.
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.
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.
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.
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!
Palette List
Palette List is a dynamic palette generator.
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.
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.
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!
Top comments (8)
maybe we wanna add color.adobe.com/create
That's indeed a nice one, and it's listed on devresourc.es/ui-design/colour-pal.... :)
thanks fot the great list
You're very welcome! :)
Great post! I bookmarked a lot, thank you again!
I'm glad you liked it!
That's incredible! Thanks so much!
Check this one palette.rocks/ I made with focus on accessibility ;)