Always use the South Gloucestershire colour palette, unless otherwise discussed and agreed with Digital.

Colour contrast

You must ensure that the contrast ratio of text and interactive elements meets level AA of the Web Content Accessibility Guidelines (WCAG 2.1).

Using the South Gloucestershire colour palette ensures that these are met.

Colour

Whereever possible, you should always use the South Gloucestershire Council branding and colour palette.

For services where it has its own brand then you can use your own colour palette.

Whichever colour palette is used it will need to adhere to level AA of WCAG 2.1 standards.

Primary colours

#396631 @pine

#ad005b@violetred

#333333@black

#00709e@peacock

#23527c@duskblue

#eeeeee @grey

#008272 @bluegreen

#c00000@red

Focus colour

For accessibilities purposes, any element that is focusable, should use our focus colour as the outline.

#ffbf47@focus

Link colours

Link colours have different patterns depending on the context.

  • within the body of copy it should @violetred
  • within the sidebar or seperate element, it should be @peacock

This is some text and this is the link