Creating the perfect color palette is so much more than throwing your favorite color in a logo. You’re creating a flow that will set the tone for your entire brand. Whether you like it or not, your color palette sends a message that will tell your viewers to do either one of two things: stay or go. Your job is to know your message and portray it in a way that leaves people wanting more.
A first impression can make or break a person’s entire perception of your brand. Within just a few seconds, you need to create an emotion that compels people enough to make them want to find out what you’re all about. What does this have to do with your color palette? More than you would think! Research shows us that 60% of people will decide whether or not they’re attracted to a message based entirely on color. That’s significant! Have you ever been to a website and found yourself instantly turned off by the colors that were just thrown everywhere? Nothing seemed to match and on every page, the colors were creating a different theme. Or maybe the colors were just too bright or too dull. Not only is this not appealing to the eye, but it also makes for an extremely ineffective experience for viewers. People like order and class, not mismatched chaos.
Create a Message
Truthfully, there are no rules when it comes to creating your palette. This is your brand and you have full freedom to do what you want. What we would like to give you is a guideline. Step number one: Keep it simple. As a general rule, you should aim to have three core colors, or color categories, in your palette. I recommend starting with your accent color and working down from there.
Your accent color should be the color that defines you most, even though it will be used the least on your actual site. This is the attention-grabber that highlights the important things. Your calls to action and your powerful one-liners. This is the color you should really put the most time into as it truly will set the rhythm for your brand.
Once you have determined your accent color, you should create 2-3 shades of that same color for hover effects.
Next is your base color. This will make up most of your palette and, in most cases, should be white or
To complete your palette, you need a contrast color. The aim of this color is to complement your base color. In general, your contrast color should be dark and strong. This color will be dispersed throughout your site filling areas such as the header and footer backgrounds.
Once again, you want to make sure you’ve got some variation. It’s a good idea
Readability & Inspiration
Another key factor that is not always taken into account when establishing a color palette is readability. Lucky for you, the web is full of tools to help you create the perfect contrast with your colors. A free resource that we recommend is called WebAIM.
Still feeling stuck? Check out Hue for some sweet color inspiration. Canva also has a great selection of color palettes that are sure to motivate and get you headed in the right direction. Bonus – both options are free! If you’re looking for some real-life website inspiration, check out pages.xyz to see how others are using color on their sites.