Changing Colors

We are all psychologically affected by colors, and they hold power to influence your audience’s feelings and behaviors directly. Therefore, colors play a powerful role in the general experience you’re crafting for people who visit your website.

Choosing the colors while keeping consistency from one page to the other is not easy. This is especially true if you are not a designer (as most of us). It’s easy to mess up with colors and end up with too many hues or color variations that make certain areas of your website (text, buttons, section) hardly visible for your visitors.

When it comes to building a website, besides the good-looking aspect, you must make sure that the colors make your content visible, readable and drive you closer to achieving your goals (e.g., getting a booking, an email, a download, or a purchase). No matter the case, colors matter.

Have no worries. We have built the right controls to easily customize your website’s colors and apply them to all areas of your website with a few clicks.

Before diving into the technical bits, I recommend reading this article that details the importance of colors in conveying your personality and creating an emotional connection with your audience. And if you need help deciding the right colors for your website, this article sheds some light on the human perception of colors and how to find the palette that suits you.

Choosing the right color palette

To play around with the colors, you need to navigate Appearance → Customize → Style → Colors, and change the desired colors. You will customize colors for the headings, body (main text area), caption, links, and border.

Takeaways

• Color meanings: choose colors that resonate with the statement you want to draw. For example, blue inspires safety, integrity, and peace, while yellow is translated into energy and joyfulness.
• Maintain the contrast: for a bunch of situations, the dark colors go well with the light ones. Stay away from using a light one for the background and another one pretty similar for the body text. To be more specific: a yellow text on a white background would be hard to read for everyone.

Take into account that the colors selected in the Customizer are being applied on a site-wide level—this way, you know for sure that you’re consistent through the entire digital journey.