Changing Colors

Colors have a powerful meaning for 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 of colors to perfectly align it with your exquisite brand. Just use the color pickers and the live preview from our friendly and easy-to-use interface.

Change the Colors

You can play around with colors by the blink of an eye. Just navigate to Appearance → Customize, and click on 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 Header (Site Title, Navigation), from Main Content (background, page title) and more others. 


  • 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. On the contrary, you can easily confuse the users and deliver mixed-feelings.
  • Maintain the contrast: for a bunch of situations, the dark colors make a good deal 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.

This article applies to Border, Bucket, Fargo, Gema, Heap, Hive, Julia, Lens, Listable, Mies, Noah, Osteria, Patch, Pile, Rosa, Silk, and Timber as they share the same underlying structure.

Updated on October 16, 2017

Was this article helpful?