How the Theme Colour Palettes Work
With each Snug theme, we have built-in colour palettes to make sure the designs always look beautiful and on-brand for you. However much we love a bit of rainbow and odd colours everywhere, we’re branding specialists and have made sure that whatever your brand looks like, it will fit in with the designs. And our colour palettes are one of the ways we make this happen!
Have you ever had a theme or design where you accidentally leave an odd button in an old colour or forget to update some of your pages in your rush to change some colours? With our themes, this doesn’t happen. They are always branded and always made exactly for you.
Even if you want to create your own colour palette and add that to the theme, the designs are crafted to make sure the whole design will look beautiful with your own colours!
Our House Colour Palettes
If you don’t have your own brand colour palette or if you’re looking for something new, we’ve created some house colour palettes that you can use yourself! They are tailor-made to be bold and beautiful, whilst still having elements which mean they can match any business.
The house Colour Palettes are below and can be found by going to Appearance > Customizer > Colour & Design Features:
If you prefer to use your own brand colour palette, (which we recommend you do!) you can select ‘Custom Colour Palette’ and use the instructions below to create a perfect palette to fit the themes!
The Elements of Your Colour Palette
Each colour palette has six colours in there for you to choose from and they are arranged from lightest to darkest (Colour 1 to Colour 6). Each colour matches up with certain areas on the theme to make sure it is used in the best way.
See how this works below:
- Lightest colour to be used for main backgrounds and light text
- Second lightest colour
- Lighter medium-toned colour
- Darker medium-toned colour
- Second darkest colour
- Darkest colour to be used for dark background areas and dark text
If you already have a brand colour palette and have less than 6 colours, you can either select slightly different shades of the colours you already have or feel free to select the same colour for two of the shades. This creates a more minimal look on the design but if that works for your brand, that’s all good!
How to Create a Great Colour Palette
Don’t have a colour palette already? Well here is how to create one which fits perfectly with your brand:
- Do a bit of brand discovery. Have a good hard think about your brand values, your audience and the mood you want to portray with your brand. Make some notes if it helps!
- Set up a Pinterest board. The fun bit! Make a Pinterest board and turn your brand discovery into something visual. Pin patterns, graphics, photos and design which inspire you AND fit in with the brand discovery.
- Pick out palettes. From your board, you should be able to see some themes in colour and style. You may even have found a colour palette graphic which you love which you can take from.
- Find the HEX codes. Use the colour picker extension from ColorZilla to pick out the HEX codes of the colours you love.
- Create a style guide. Use the free colour guidelines you get with the theme to paste in your colour and the HEX codes so you can use them in the future!
Now you have your palette, you can add it to your theme…
Adding Your Colours to the Theme
In the Customizer, head to the Colours & Design Features section where you found the house palettes.
Underneath our Colour Palettes, you can select ‘Custom Colour Palette’ and will see a list of six colours underneath. These colours correspond to the palette and you can choose a different colour for each by clicking ‘Select Colour’ and using the colour picker.
You could also paste a HEX code into the text area. If you don’t know the HEX codes of the colours you use, use the ColorZilla colour picker app for Google Chrome.
Once you’ve chosen your colours, they will update on the website and you will be able to see your new colour palette in the preview window!
Tweaking our House Palettes
Our house palettes are created so you can tweak them to your own brand if you need to. For example, CP2 is a neutral palette with one bold colour as an accent. You can customise just this colour if you like so you can brand the pop of colour to match your business.
Tweaking the palettes is super easy to do and we’d recommend playing around with this function to make the designs as unique as possible!
First, select the house colour palette you want to tweak. Then use the HEX codes in the graphic on this page and paste each colour into each custom colour, 1-6. You should see the design as you would if you selected this house palette.
Next, pick the colour you want to tweak and either use the colour picker there to select a new colour or find the HEX code of the colour you want to use and paste this into the field.
The rest of the house palette will stay the same but the colours you customize will change in the theme!
Download our free colour brand guidelines!
Want a handy style sheet so you can pick your brand colours and make sure you use the same ones every time? We’ve created an easy to use guidelines sheet to go hand in hand with this blog post! Sign up to our newsletter below to download the cheatsheet for free: