Our colours are what give us our personality.
We are bright, bold, colourful and confident.
Note: RGB colours have been adjusted for accessibility when using on digital media. If you require CMYK or Pantone references, please contact the Branding team at branding@essex.ac.uk
We have primary colours of black, white, violet and scarlet, which are instantly recognisable as Essex and should be used to make all our external content consistent.
Black
R0 G0 B0
#000000
White
R255 G255 B255
#FFFFFF
Violet
R98 G37 B103
#622567
Scarlet
R238 G52 B36
#CD202C
Our secondary colours of greys are used with black and white as foundation colours for the palette, as all our bold colours work alongside these.
Light Grey
R208 G208 B206
#EAEAEA
Medium Grey
R167 G168 B170
#ADADAD
Dark Grey
R83 G86 B90
#333333
Our highlight colours are for different departments or services to differentiate their areas. They can be used in combination as either lead colours or as accents with the greys. (Please see recommended colour combinations below – the best combinations are with one of our primary colours for strong contrast).
Bright pink
R218 G61 B126
#DA3D7E
Dark orange
R213 G92 B25
#D55C19
Light orange
R233 G131 B0
#E98300
Yellow
R243 G211 B17
#F3D311
Apple
R88 G166 B24
#58A618
Lime green
R193 G216 B47
#BED600
Mint
R53 G196 B181
#35C4B5
Seagrass
R0 G122 B135
#007A87
Turquoise
R0 G175 B216
#00AFD8
Cornflower
R0 G101 B189
#0065BD
Our gold is to be used for graduation only.
Gold
R172 G148 B107
#AC946B
Less is more when it comes to using our bold colours. Two contrasting colours are enough (with black and white).
Text colour – black and white should be used predominately, but other colours from our palette can be used to add accents such as bullet points.
When choosing images or taking new photos incorporating our bold colours can help your marketing content look like Essex and really make it pop, capturing your audience's attention.
And remember:
We’ve done the work for you and come up with colour combinations that give effective colour contrast on your communications and marketing materials/content.
Choose from these combinations:
Black
White #FFFFFF
Bright Pink #DA3D7E
Dark Orange #D55C19
Light Orange #E98300
Yellow #F3D311
Apple #58A618
Lime Green #BED600
Mint #35C4B5
Turquoise #00AFD8
White
Black #000000
Violet #622567
Scarlet #CD202C
Cornflower #0065BD
Cool Grey 11 #333333
Violet
White #FFFFFF
Yellow #F3D311
Mint #35C4B5
Scarlet
White #FFFFFF
Bright Pink
Black #000000
Dark Orange
Black #000000
Light Orange
Black #000000
Yellow
Black #000000
Violet #622567
Cool Grey 11 #333333
Apple
Black #000000
Lime Green
Black #000000
Cool Grey 11 #333333
Mint
Black #000000
Violet #622567
Seagrass
White #FFFFFF
Turquoise
Black #000000
Cornflower
White #FFFFFF
Cool Grey 2
Black #000000
Violet #622567
Cool Grey 11 #333333
Cool Grey 6
Black #000000
Cool Grey 11
White #FFFFFF
Yellow #F3D311
Lime Green #BED600
Mint #35C4B5
We use gradients as backgrounds to text, flowing either horizontally or vertically.
Gradients use a combination of two of our bold colours.
Our primary gradient is violet to scarlet, as these colours are most recognisable as Essex.
Violet to Scarlet
Gradient colours: Violet #622567 → Scarlet #CD202C
We have five other gradients that give a good level of colour blend and can be used to add variety to your communications.
Violet to Turquoise
Colours: Violet #622567 → Turquoise #00AFD8
Turquoise to Lime Green
Colours: Turquoise #00AFD8 → Lime Green #BED600
Lime Green to Yellow
Colours: Lime Green #BED600 → Yellow #F3D311
Yellow to Dark Orange
Colours: Yellow #F3D311 → Dark Orange #D55C19
Light Orange to Scarlet
Colours: Light Orange #E98300 → Scarlet #CD202C
For a straightforward and bold application that fits our visual style:
Use gradients in a linear way either horizontally or vertically.
Horizontal ✔️
Vertical ✔️
Don’t apply the gradient in any other angle nor in a radial style, as this looks inconsistent and compromises our style.
Radial ❌
Diagonal ❌
Use gradients as a background behind text, or within the text. For legibility, make sure to use a strong contrast to the background colour.
We no longer apply gradients or duotones over photography, as it takes away from our vibrant, colourful, authentic photography style.
Gradient overlay ❌
Duotone overlay ❌
Gradients should be applied flat and never animated as this reduces the quality and impact.
Our colours are generally used at 100%. However, tints can be used sparingly, as when over-done they can look old-fashioned. Always work to the spec of 100% solid, 60% tint and never use a tint independently from full strength colours as they shouldn’t dominate the design.
Use tints sparingly to create blocks of colour as part of a background area, or as the base colour for rows or columns in tables.