Colour Guidelines
Published on 11 September 2019 2 min read
Colours
We have developed a range of colours that can be used with certain considerations. Take a look through this Colour Guide for a clear understanding on how to use colours in different situations.
Make sure you are using the correct swatch palette for the artworks intended destination.
Primary Colours
Our primary palette includes our most important colours. O500 - Crafts Orange is the core of our brand identity. It should be included wherever possible to represent our brand, as well as being used for primary actions and buttons. R700 is used to highlight or draw attention to sales/promotions. Use B700 for text links.
N700 is used for body text and headers, and N100 is used for page backgrounds.
Secondary Colours
Our secondary colour palette is supporting brand colours. They carry a bit of history as Knitting Blue come from our first craft (Knitting) and Crochet Pink coming from our next craft (Crochet).
Tertiary Colour Palette
The tertiary colour palette is our more subtle supportive colours of the brand. This palette is made up of red, orange, yellow, green and blue. You will find these colours used in banners and illustrations.
Extended Colour Palettes
Orange palette can be used in artwork, presentations, components and interactions to add more depth and detail while still being very on brand.
Neutral palette is used for details, backgrounds and text throughout the brand. N300 or N400 is used in borders. N200 is used for a subtle background on white where we want to draw attention to a particular area. N400 is primarily used for disabled states.
Red palette is used on site for error states where actions are destructive of block work flow. It is also used for sales/promotions to draw attention to special offers and urgency.
Yellow palette indicates a warning or that progress is required. It should be used with careful consideration in combination with any orange shades.
Green palette is mainly used for indicating success or as an alternative to R700 to highlight promotions.
Blue palette is used for informative messages or indicating authentication. It should be used sparingly in combination with Knitting Blue.
