Colours
Definitions
Primary Colour Palette
The Primary Palette consists of four main colours and should be used in all occasions for Outsource marketing communications. The palette has been designed to give a bold and exciting direction to the brand, offering flexibility in the design of an literature off and online. Percentage tints can be used of any of these colours.
Primary brand colours are used for elements that must reflect Outsource’s brand. Each colour has a darker and a lighter shade.
Managed IT Services
HEX #5BBF21
RGB 91, 191, 33
CMYK 59, 0, 100, 0
SCSS $colour-green
PMS 368 C
Telecoms
HEX #003f60
RGB 0, 63, 96
CMYK 100, 75, 39, 27
SCSS $colour-telecoms
PMS 302 C
Professional Services
HEX #026294
RGB 2, 98, 148
CMYK 94, 61, 20, 3
SCSS $colour-professional-services
PMS 647 C
Dark Grey
HEX #1d252c
RGB 29, 37, 44
CMYK 80, 69, 58, 67
SCSS $colour-dark-grey
PMS 433 C
Secondary Colour Palette
The Secondary Palette should be used as a guide for the tone of a colour. We intend for the secondary palette to be ever evolving, offering an endless palette to choose from. The main use of the secondary palette is in the creation of icons and illustrations that will be used across the board to help demonstrate the core benefits of Outsource products. We will also be using the secondary palette to create unique secondary brands for each one of Outsources’ products. Percentage tints can be used of any of these colours.
| Red | HEX | #fc4c7d | RGB | 252, 76, 125 | SCSS | $color-red | |
| Yellow | HEX | #fed061 | RGB | 254, 208, 97 | SCSS | $color-yellow | |
| Blue | HEX | #026294 | RGB | 2, 98, 148 | SCSS | $color-blue | |
| Sky | HEX | #2dbef0 | RGB | 45, 190, 240 | SCSS | $color-sky | |
| Brown | HEX | #8d8e90 | RGB | 141, 142, 144 | SCSS | $color-brown | |
| Orange | HEX | #fc9f4e | RGB | 252, 159, 78 | SCSS | $color-orange | |
| Purple | HEX | #c87cd6 | RGB | 200, 124, 214 | SCSS | $color-purple |
Shades of Grey
A selection of greyscale colors for background or text color use.
Dark Grey
#444444
68, 68, 68
$color-darkgrey
Grey
#898989
137, 137, 137
$color-gray
Silver
#CCCCCC
204, 204, 204
$color-silver
Light Grey
#F8F8F8
248, 248, 248
$color-lightgray
Colour Usage
Outsource General
- Outsource Green – is mainly used in Outsource Style Guide related communication
- Outsource Dark Grey – is the colour used for Outsource Workspace related images
- Outsource Turquoise – is the neutral colour
- Outsource Dark Navy – is mostly used for Enterprise related topics
Outsource Style Guide
Outsource Workspace
Outsource Enterprise Suite