The SFI brand colour palette consists of the primary brand colours\u2014the blue, green and grey derived from the logo\u2014along with a secondary colour palette to compliment the primary and act as accent in various applications. The logo should only ever be presented in the primary colour palette, in black against light backgrounds, or white against dark backgrounds.<\/p>\n\n\n\n
Below you will find colour swatches for the brand colours with their HEX<\/em> code for web use, RGB<\/em> value for screen use, CMYK<\/em> for common print use, and spot<\/em> for high-quality print use.<\/p>\n\n\n\n
A note on printing and inks. When choosing a colour for printing ensure the colour space is in CMYK. For most common printing applications CMYK colours are adequate; however, there may be cases where the exact colour match is preferred. Using a spot colour, in SFI’s case Pantone colours, you ensure that the printer uses the exact ink produced by Pantone and that colours will match across different print runs. When printing using a four-colour process, or CMYK, there may be slight variations in colours across multiple print runs because each time the colour is mixed using a combination of cyan, magenta, yellow, and black. Some small deviation of error may exist in the printer’s facility.<\/p>\n\n\n\n
Primary Brand Colour Palette<\/h2>\n\n\n\n
The primary brand colours are derived from the logo and should be the most prominent colours used throughout all materials. The primary colours are blue, green and gray though white should also be considered an essential part of the palette. The use of white space contributes to the modern and open feel of the brand, giving space for design elements to breathe.<\/p>\n\n\n
The secondary colour palette is designed to complement the primary palette and can be used to accent or provide emphasis to design elements. These colours will also be used throughout web and app platforms. This colour palette maintains the bright and energetic tone of the brand.<\/p>\n\n\n\n
Secondary colours should be used sparingly, as an accent. A few guidelines for secondary colours are:<\/p>\n\n\n\n
Do not create large areas of these colours, use primary colours for large areas<\/li>
Do not overuse colours, limit use to one or two accent colours<\/li>
Ensure primary colours are most prominent<\/li><\/ul>\n\n\n
\n
Red<\/h3>\n
<\/div>\n \t
Hex<\/strong>: #ff4343<\/p>\n \t
RGB<\/strong>: 255 67 67<\/p>\n \t
CMYK<\/strong>: 0 88 73 0<\/p>\n <\/div>\n\n
\n
Orange<\/h3>\n
<\/div>\n \t
Hex<\/strong>: #ff851b<\/p>\n \t
RGB<\/strong>: 255 133 27<\/p>\n \t
CMYK<\/strong>: 0 58 97 0<\/p>\n <\/div>\n\n
\n
Yellow<\/h3>\n
<\/div>\n \t
Hex<\/strong>: #ffdd33<\/p>\n \t
RGB<\/strong>: 255 221 51<\/p>\n \t
CMYK<\/strong>: 2 10 90 0<\/p>\n <\/div>\n\n
\n
Teal<\/h3>\n
<\/div>\n \t
Hex<\/strong>: #29ccc4<\/p>\n \t
RGB<\/strong>: 41 204 196<\/p>\n \t
CMYK<\/strong>: 65 0 31 0<\/p>\n <\/div>\n\n
\n
Fuchsia<\/h3>\n
<\/div>\n \t
Hex<\/strong>: #f249d2<\/p>\n \t
RGB<\/strong>: 242 73 210<\/p>\n \t
CMYK<\/strong>: 18 78 0 0<\/p>\n <\/div>\n\n
\n
Purple<\/h3>\n
<\/div>\n \t
Hex<\/strong>: #b02bcc<\/p>\n \t
RGB<\/strong>: 176 43 204<\/p>\n \t
CMYK<\/strong>: 46 85 0 0<\/p>\n <\/div>\n\n
\n
Black<\/h3>\n
<\/div>\n \t
Hex<\/strong>: #1c1c1c<\/p>\n \t
RGB<\/strong>: 28 28 28<\/p>\n \t
CMYK<\/strong>: 72 66 65 77<\/p>\n <\/div>\n\n\n
Below is a chart visually representing the relative weight or prominence colours should have in a design. A primary brand colour, i.e. blue, should be chosen to be most prominent, roughly 60% of all colours used. The secondary colour of the design can be another brand colour, i.e. green or gray, at roughly 30%. Finally, an accent colour can be chosen from the secondary palette at roughly 10%.<\/p>\n\n\n\nExample of the relative weight of brand colours. The primary colour, blue or green, should be most prominent (60%), followed by secondary colour, gray or other primary brand colour (30%), then finally accent colour from the secondary palette (10%).<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"
The SFI brand colour palette consists of the primary brand colours\u2014the blue, green and grey derived from the logo\u2014along with a secondary colour palette to compliment the primary and act as accent in various applications. The logo should only ever be presented in the primary colour palette, in black against light backgrounds, or white against […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/branding.strongestfamilies.com\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/branding.strongestfamilies.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/branding.strongestfamilies.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/branding.strongestfamilies.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/branding.strongestfamilies.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":33,"href":"https:\/\/branding.strongestfamilies.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":343,"href":"https:\/\/branding.strongestfamilies.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/343"}],"wp:attachment":[{"href":"https:\/\/branding.strongestfamilies.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"SFI](\"http:\/\/brnding.strongestfamilies.com\/wp-content\/uploads\/2021\/04\/sfi-logo-Colour-Hierarchy-1280x641.png\")