Changing Colors

Colors play a powerful role in the general experience you’re crafting for people who bump into your website. They’re not just eye-candy pixels that grab attention; they’re an integrated part of your branding, and it can impact your way of expression and communication.

All of our themes have specific color options aligned to each element and feature. We’ve developed them in a way that allows you to change the majority of the website’s items without any effort: headings, body text, link, menu items, buttons, or backgrounds. You can fastly customize the palette and align it with your exquisite brand.

Changing the colors

Choosing the colors for your website while keeping consistency from one page to the other is not easy. This is especially true if you are not a designer. It’s easy to wrongly combine colors and end up with too many powerful colors or color combinations 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 so that you can easily customize your website’s colors and apply them to all areas of your website with a few clicks.

To play around with the colors, you need to navigate to Appearance → Customize and click on the Colors tab. There you can access all the color options related to that particular area. This way, you can change, for example, the colors for different elements from the main text, headings, background, and others.

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.
  • Keep the color scheme simple: as a common sense rule, try to focus your attention on a primary color (known as the base color as well) and add to it neutral colors such as white, black or gray. Otherwise you can easily confuse the users and deliver mixed-feelings.
  • 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 general level. This way you know for sure that you’re consistent through the entire digital journey.

Updated on September 9, 2020

Can't find what you’re looking for? Ask a human.

We're a small team of real people providing real help. Send us an email at hello@pixelgrade.com and we will give you a helping hand.