Staff engagement colour palette web test

Dark Grey
#51626F

When used as background colour, always use white text and a font size no smaller than 14pt/19px/1.2em.

Mocha
#776F65

When used as background colour, always use white text and a font size no smaller than 14pt/19px/1.2em.

Cappucino
#AAA38E

When used as background colour, always use black or dark grey text (#1f1f1f) and a font size no smaller than 12pt/16px/1em.

Light Grey
#C6C6BC

When used as background colour, always use black or dark grey text (#1f1f1f) and a font size no smaller than 12pt/16px/1em.

Sand
#CA9B4A

When used as background colour, always use black or dark grey text (#1f1f1f) and a font size no smaller than 12pt/16px/1em.

Sage
#BAC696

When used as background colour, always use black or dark grey text (#1f1f1f) and a font size no smaller than 12pt/16px/1em.

Sea Grass
#007A87

When used as background colour, always use white text and a font size no smaller than 14pt/19px/1.2em.

Lime Green
#BED600

When used as background colour, always use black or dark grey text (#1f1f1f) and a font size no smaller than 12pt/16px/1em.

Yellow
#F3D311

When used as background colour, always use black or dark grey text (#1f1f1f) and a font size no smaller than 12pt/16px/1em.

Black
#000000

When used as background colour, always use white text and a font size no smaller than 12pt/16px/1em.

Useful tool for creating palettes: http://paletton.com

Approx. tri-colour palette with Sea Grass as a base (with complimentary spot colour):

Sea Grass
#007A87
Scarlet
#CD202C
Dark Orange
#D55C19
Light Orange
#E98300

Approx. tri-colour palette with Sand as a base (with complimentary spot colour):

Sand
#CA9B4A
Sea Grass
#007A87
Dark Purple
#4B306A
Dark Grey
#51626F

Mocha
#776F65

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sea Grass
#007A87

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Cappucino
#AAA38E

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Last modified: Monday, 11 April 2016, 3:12 PM