

Now that you have your color palette ready, add more values. Now choose another three tints of pink, violet and blue. Now, we’ll add hues, change the hue slider to create array of colors in three tints, orange, green and yellow. Try to get a nice kind of like array of color. Now here's where things get interesting, to flesh out our pallet we're going to need at least four colors that are lighter and four colors that are darker. That line might look something like this.īasically, the brighter a color gets the less saturation it has and the darker color becomes the more saturation we add to it Visualize the color picker now imagine a line that starts the top-left corner of it and then it bends all the way down to the bottom right passing directly through the color you picked for Redditch red here. Make sure that it's not too saturated and also that it's not too dark. I'm going to use this kind of red-looking thing here and I'm going to call it Redditch red. Start with a color that you think you're probably going to use for your project.


To read more about color meanings, visit this link. For example, leaves and grass are green, so you associate green with nature. Now you have to understand about color meanings based off on your knowledge or by referring to surroundings near you, how you associate colors with objects. There are a lot of colors like the primary colors, secondary colors, tertiary colors with different meanings and mood. One you're already working with a brand that kind of has a visual branding, so it has its own colors and there's not much that you need to you just need to work with the colors of that brandīut other times you're just going to have to get started from scratch and think like what colors should be used on this, in the website and so in that case the first thing that you have to do is you have to understand what the meaning of each color. So, when you are working on a project, there are usually two cases:
#Accent color ui design generator#
Another option to consider is using a palette generator or pulling from a library like Adobe Color but what happens when you want to customize it, or you want to create something unique?Ĭheckout sample prototype at the end of this blog So where do you start when you want to make a color palette? You start by googling color theory and going down the Wikipedia there's a lot of cool stuff but it's a lot of reading. I think we can all agree that color is hard and pairing colors together together is even harder.
