Start by choosing your colour palette. You can find default colour themes in our email builder or you can make your own. It is important to start with a palette, to make sure that all colours will work together.
To find the right colour palette, you can use a couple of tools. A very good online tool for selecting colours is:
It is an interactive colour wheel. You can choose a colour scheme – monochrome, analogous, complementary, triad – in which to work, and by moving the cursors over the wheel get a mathematically precise colour combination. The best looking newsletters are made using Analogous and Monochrome colour schemes.
The easier way is to pick from millions of pre-made colour palettes on:
You can search by the colour scheme, mood or just random word that pops into your mind.
There are 3 main colour blocks in your newsletter – background (the main colour that will cover most of the newsletter's space), foreground (the main content box) and highlight colour (the button or the highlighted column).
Too many colours make a design heavy, so always stick to the fixed amount of colours. The optimal number of colours for a newsletter should be 3 (or 4, if you include the white colour).
If you will use colour wheel and colour schemes to pick your palette, there is a different colour limit for every:
Monochrome:; up to 5 colours
Analog: 2-3 colours
Complementary: 1-2 colours
Triad: 1-2 colours
The background is an area which makes your newsletter’s content to pop out. So carefully choose its colour – you can use either our patterns or custom colour.
When you pick up the background, you need to make sure it makes a contrast with the foreground. Pick either the darkest or the brightest colour in your colour palette, or a colour close to black or white as your background. Fit other elements accordingly. For example, if you choose the dark background, than the foreground elements (like footer and header) need to be lighter than the background to create contrast and the other way round. If your background is colourful (e.g, example, red) choose a foreground colour which is close to the background colour, just a little bit darker or lighter (dark red). In other words – monochrome colours.
A bright colour background is the best choice most of the time because it looks good with all colours. It is not as easy with the dark colour background as it absorbs the intensity of colours. If you don’t use enough bright elements to create a contrast, the design will look very dark and heavy. If you are not sure whether dark colour looks good as the background – always switch to the light background. This way you will always win.
When you want to emphasize particular parts of your newsletter, use vibrant contrasting colours. It is mostly applicable for call-to-action section, like a button. Avoid using grey, black or other dull colours for your button. It needs to have a tasty colour to attract attention. Use the most eye-catching colour in your palette for the button. Complementary colours are the best for this purpose.
Use vibrant colours to highlight the important parts of the text as well.
Like on the swings, balancing colours is also important to make a design move. To make a good composition, use the same or similar colour for the elements which are opposite each other in a composition – e.g., use the same colour for the header and the footer.
If you set highlight phrases to, for example, red colour, then you should use the same colour on the other element – e.g. on the button.
If you are using an image, you should also take into consideration its colour match the design to it.
Text colour is also an important part of your newsletter’s design. The contrast between the text colour and the background on which it is situated needs to be quite big. The easiest way is to use white, slightly grey, dark grey or black colours for your text, depending on where the text is:
1. Set texts to white or slightly grey, if they are on the brightly colourful or dark background.
2. Set texts to black or dark grey, if they are situated on bright or white background.
3. If you want to add some colours to your text, remember that all colours work on white or very bright background. Or you need to check the colour wheel, to match them. Also don’t forget to balance composition and use the same colour on your button.