Take control of your color palette.
Hi bloggers! My name’s Kjell Reigstad, and I’m a designer at Automattic. This is part three in my monthly series on “The Principles of Design.” In this series, I share some of the basic tenets of design, and we explore how to apply them to your blog.
Colors can be very powerful. They stir up our emotions, convey personal and cultural messages, and set the mood. A bright red can shout “Stop!” while a deep blue can be calming and quiet. While individual colors say a lot on their own, most of what we see in the world involves more than one color. The way those colors work together is called color harmony.
Have you ever noticed that a bright pink rose stands out against a green bush? Or that a blue top goes well with khaki pants? That’s basic color harmony. While certain color pairings come naturally, choosing the color scheme for a blog can be a little daunting. There are so many colors to choose from! Some colors look great together, and others clash dramatically! Learning basic color theory can help bring a little structure to the color-choosing process and lead to more harmonious colors.
Learning the “color chords”
You’ve probably seen a color wheel one at some point or another. Color wheels can help us choose colors that work together well. We can analyze the positions of different colors on the wheel using “color chords” to predict and describe the effect the colors have together. There are an infinite number of combinations that work, but here are a few common examples:
Analogous colors are next to each other on the color wheel. If you want your blog to have a calm, comfortable feel to it, choosing analogous colors is a great starting point.
Complementary colors are opposite each other on the color wheel. Complementary colors are very high-contrast and active. They will often create a visual “buzz” when paired with each other. They’re a little tricky to use in practice, but can do a good job of conveying vibrancy and excitement. It’s worth noting that using complementary colors for text will usually make things pretty tough to read.
“Hold the phone! That’s not red, it’s pink!” That’s an astute eye you’ve got there! When we’re discussing the color wheel relationships here, we’re ignoring tints and shades. Breaking things down to the pure color hues helps us compare the relationships more easily.
Split-complementary color schemes are a mix of the last two examples. They involve two colors that are near-analogous paired with a complementary color. Split-complementary palettes end up with the best of both worlds! They have a great sense of balance and harmony along with some vibrancy thrown in. Chances are, many of your favorite blogs, websites, and brands use split-complementary colors.
Ideas and resources
A good thing to keep in mind is that these are just starting points. Once you have colors you like, you can tweak the exact hues, tints, and shades to your liking. The best way to choose colors is just to experiment! While the color wheel can help inform color relationships, there’s no concrete way to tell if a palette will work until you see it in your design.
If you’d like to get some feedback on your colors, try pairing up with someone for a design audit.
Here are a few additional tips for building a harmonious color palette:
- COLOURlovers is a great resource for browsing color palettes. Just looking through the examples there can spark some great ideas. In fact, if you have the Premium upgrade, WordPress.com puts COLOURlovers palettes in the customizer for you by default.
- Nature is a master of color harmony. Sometimes it helps to get up from the computer and go outside for inspiration!
- The photography community here on The Daily Post has a fantastic grasp of color. Looking through some of the more colorful photo challenge responses might spark some inspiration for you.
- Pull together a mood board of images that have a similar feeling, and analyze the colors they use. As you’re likely aware, Pinterest is a great tool for that sort of thing.
We’ll explore other aspects of color theory in future posts. In the meantime, I encourage you think about your colors in the context of the message you’re trying to get across, and as a tool to direct the eye through your page.