Deprecated: Creation of dynamic property Search_Filter_Third_Party::$woocommerce is deprecated in /home/empfirei/public_html/snugdesigns/staging/wp-content/plugins/search-filter-pro/includes/class-search-filter-third-party.php on line 35

Deprecated: Return type of Carbon_Fields\Pimple\Container::offsetExists($id) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/empfirei/public_html/snugdesigns/staging/wp-content/plugins/wp-viral-quiz-gr/includes/vendor/htmlburger/carbon-fields/core/Pimple/Container.php on line 128

Deprecated: Return type of Carbon_Fields\Pimple\Container::offsetGet($id) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/empfirei/public_html/snugdesigns/staging/wp-content/plugins/wp-viral-quiz-gr/includes/vendor/htmlburger/carbon-fields/core/Pimple/Container.php on line 93

Deprecated: Return type of Carbon_Fields\Pimple\Container::offsetSet($id, $value) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/empfirei/public_html/snugdesigns/staging/wp-content/plugins/wp-viral-quiz-gr/includes/vendor/htmlburger/carbon-fields/core/Pimple/Container.php on line 74

Deprecated: Return type of Carbon_Fields\Pimple\Container::offsetUnset($id) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/empfirei/public_html/snugdesigns/staging/wp-content/plugins/wp-viral-quiz-gr/includes/vendor/htmlburger/carbon-fields/core/Pimple/Container.php on line 138

Deprecated: Use of "parent" in callables is deprecated in /home/empfirei/public_html/snugdesigns/staging/wp-content/plugins/wp-viral-quiz-gr/includes/vendor/htmlburger/carbon-fields/core/Block.php on line 14
How to Create a Custom Colour Palette for your Snug Theme - Snug Designs

How to Create a Custom Colour Palette for your Snug Theme

Each theme from Snug Designs is easy for you to customise with your own colour palette, and the designs are crafted to make sure the whole design will look beautiful with your own colours!

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:

  1. Lightest colour to be used for main backgrounds and light text
  2. Second lightest colour
  3. Lighter medium-toned colour
  4. Darker medium-toned colour
  5. Second darkest colour
  6. 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:

  1. 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!
  2. 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.
  3. 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.
  4. Find the HEX codes. Use the colour picker extension from ColorZilla to pick out the HEX codes of the colours you love.
  5. 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!

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:

Pin this post on Pinterest!