## Colour

Colour brings our identity to life.

Amplifying and illuminating our brand expression and personality.

### Colour proportions

Our brand is primarily Black-Green and Off-White. However, colour does show up in hints and highlights. Below you can see the proportion of each colour we use throughout our brand.

- 20%
- 36%
- 10%
- 5%
- 9%
- 5%
- 10%
- 5%

### Primary palette

Off-White and Black-Green is how people will most often see our brand. We can bring in hints and highlights of colour with our Benergy Orange, Pink and Teal.

As we have no black in our brand, Black-Green becomes the default colour for text.

#### Name: Off-White 300
- CMYK: 2/2/4/0
- RGB: 247/249/242
- HEX: #F7F9F2
- PMS: N/A C

#### Name: Black-Green 900
- CMYK: 100/75/75/50
- RGB: 0/41/36
- HEX: #002924
- PMS: 4168 C C

#### Name: Benergy Orange
- CMYK: 0/75/100/0
- RGB: 255/102/53
- HEX: #FF6635
- PMS: 1645 C C

#### Name: Benergy Pink
- CMYK: 0/45/20/0
- RGB: 255/162/168
- HEX: #FFA2A8
- PMS: 1765 C C

#### Name: Benergy Teal
- CMYK: 60/0/30/0
- RGB: 107/184/168
- HEX: #6BB8A8
- PMS: 4173 C C

A note about CMYK breakdowns:

We have done a thorough digital print test to work out the CMYK breakdowns of our brand colours. However, we can’t test for every possible scenario, so these numbers are a guide only. They’ll work perfectly for most typical printing needs, but will vary based on which supplier is doing the printing, whether it’s litho or digital, and what material you’re printing onto. If in doubt, it’s a good idea to provide the Pantone numbers too for reference.

### Secondary palette

Our secondary palette includes tints of our primary palette and should be used in places where the audience is already familiar with the brand e.g social and UI.

#### Name: Black-Green 900
- CMYK: 100/75/75/50
- RGB: 0/41/36
- HEX: #002924
- PMS: 4168 C C

#### Name: Black-Green 700
- RGB: 5/56/47
- HEX: #05382F

#### Name: Black-Green 500
- RGB: 9/70/58
- HEX: #09463A

#### Name: Black-Green 300
- RGB: 78/122/112
- HEX: #4E7A70

#### Name: Off-White 300
- CMYK: 2/2/4/0
- RGB: 247/249/242
- HEX: #F7F9F2
- PMS: N/A C

#### Name: Off-White 500
- RGB: 242/244/234
- HEX: #F2F4EA

#### Name: Off-White 700
- RGB: 228/233/211
- HEX: #E4E9D3

#### Name: Off-White 900
- RGB: 217/223/192
- HEX: #D9DFC0

#### Name: Orange 100
- CMYK: 0/9/27/0
- RGB: 255/235/198
- HEX: #FFEBC6
- PMS: 9201 C C

#### Name: Benergy Orange
- CMYK: 0/75/100/0
- RGB: 255/102/53
- HEX: #FF6635
- PMS: 1645 C C

#### Name: Orange 300
- RGB: 245/86/51
- HEX: #F55633

#### Name: Orange 500
- RGB: 202/58/12
- HEX: #CA3A0C

#### Name: Pink 100
- CMYK: 0/15/0/0
- RGB: 255/221/223
- HEX: #FFDDDF
- PMS: 2050 C C

#### Name: Benergy Pink
- CMYK: 0/45/20/0
- RGB: 255/162/168
- HEX: #FFA2A8
- PMS: 1765 C C

#### Name: Pink 300
- RGB: 249/145/159
- HEX: #F9919F

#### Name: Pink 500
- RGB: 164/67/61
- HEX: #A4433D

#### Name: Teal 100
- CMYK: 14/0/11/0
- RGB: 227/244/225
- HEX: #E3F4E1
- PMS: 9040 C C

#### Name: Benergy Teal
- CMYK: 60/0/30/0
- RGB: 107/184/168
- HEX: #6BB8A8
- PMS: 4173 C C

#### Name: Teal 300
- RGB: 80/168/155
- HEX: #50A89B

#### Name: Teal 500
- RGB: 47/150/153
- HEX: #2F9699

### Tertiary palette

This is our tertiary palette, for when we need to be ultra accessible. It’s mainly used in our product, but it can make its way into other parts of our brand, for example the website buttons.

#### Name: primary.main
- HEX: #26797E

#### Name: primary.light
- HEX: #35A9B0

#### Name: primary.dark
- HEX: #1A5356

#### Name: primary.bg
- HEX: #F2F7F8

#### Name: secondary.main
- HEX: #FF6635

#### Name: secondary.light
- HEX: #FF9370

#### Name: secondary.dark
- HEX: #CC5833

#### Name: secondary.bg
- HEX: #FFF4F0

#### Name: error.main
- HEX: #E4321B

#### Name: error.light
- HEX: #EE7C6D

#### Name: error.dark
- HEX: #B62816

#### Name: error.bg
- HEX: #FFF1F0

#### Name: warning.main
- HEX: #C44A08

#### Name: warning.light
- HEX: #EA9161

#### Name: warning.dark
- HEX: #933706

#### Name: warning.bg
- HEX: #FFF5F0

#### Name: success.main
- HEX: #308212

#### Name: success.light
- HEX: #6BC44B

#### Name: success.dark
- HEX: #1F550C

#### Name: success.bg
- HEX: #EFFAEB

#### Name: neutral.100
- HEX: #000000

#### Name: neutral.90
- HEX: #595959

#### Name: neutral.80
- HEX: #737373

#### Name: neutral.70
- HEX: #A6A6A6

#### Name: neutral.60
- HEX: #E6E6E6

#### Name: neutral.50
- HEX: #F3F3F3

#### Name: neutral.40
- HEX: #F8F8F8

#### Name: neutral.00
- HEX: #FFFFFF

### Colour accessibility

Accessibility is crucial for our brand, so it’s important to follow these colour pairings in all digital touchpoints, to ensure our text is legible at all times.

### Things to avoid

#### Don’t introduce new colours

#### Don’t use inaccessible colour pairings

#### Don’t use low contrast combinations

#### Don’t create gradients

#### Don’t use pure black as a background

#### Don’t use multiple colours at once