BETA This playbook is in BETA, we think it’s good enough to be useful right now, but there are gaps that need filling – your feedback will help us to improve it.

Overview

To ensure consistency and reinforce recognition, the following colour palette should be used in core council communications and materials.

The palette is made up of three levels: the primary palette, the secondary palette and the highlight palette.

Primary palette

The primary colours are cool blues and white; these are the colours present in our logo and most easily associated with our brand. Colours from the primary palette should always be present.

Pure White
Hex: #ffffff

Somerset Teal
Hex: #006072

Somerset Midnight
Hex: #011e41

  • Pure White
    Hex: #ffffff
  • Somerset Teal
    Hex: #006072
  • Somerset Midnight
    Hex: #011e41

Secondary palette

The secondary colours are cool tones from the same side of the colour spectrum as the primary blues, which can be used to support the primary palette without contrasting too heavily.

Somerset Meadow
Hex: #76bc21

Somerset Marine
Hex: #19d3c5

Somerset Forest
Hex: #006e43

  • Somerset Meadow
    Hex: #76bc21
  • Somerset Marine
    Hex: #19d3c5
  • Somerset Forest
    Hex: #006e43

Highlight palette

The highlight colours are punchy warm tones which may be used to contrast against the cooler primary and secondary colours – these colours should be used sparingly to draw attention to a specific element or piece of information.

Somerset Mulberry
Hex: #722282

Somerset Pink
Hex: #9f2241

Somerset Amber
Hex: #cf3339

Somerset Cider
Hex: #ff6c0e

Somerset Cheddar
Hex: #f5ce3e

  • Somerset Mulberry
    Hex: #722282
  • Somerset Pink
    Hex: #9f2241
  • Somerset Amber
    Hex: #cf3339
  • Somerset Cider
    Hex: #ff6c0e
  • Somerset Cheddar
    Hex: #f5ce3e

Colour balance

Colour coverage is determined by its level. Colours from the primary palette should aim to account for at least 65% coverage. If used, colours from the secondary palette should account for 25% coverage. If used, colours from the highlight palette should account for up to 10% coverage.

Colour balance diagram

Tints

To increase the range, tints of all colours may be used. Tints should always be a multiple of 20 (100% / 80% / 60% / 40% / 20%).

Colours from the primary palette should always outweigh the use of tints.

Make sure to check the accessibility of tints against WCAG accessibility grades.

Tints diagram

Colour accessibility matrix

The colour accessibility matrix compares all of the brand colours as a background contrasted to text. This determines the best colour combinations by checking how highly they rate on the Web Content Accessibility Guidelines (WCAG) accessibility grades. Use this chart to help you choose colour combinations which are accessible.

As an organisation, we aim for AAA rating where possible, but legally must meet at least AA rating.

This chart does not take tints into account. When pairing tints and text, please perform your own accessibility checks.

Colour accessibility matrix diagram

Common colour pairings

Below are examples of common colour pairings for text and backgrounds which meet accessibility standards.

Common colour pairings diagram

Last reviewed: March 25, 2025 by Sophie

Next review due: September 25, 2025

Back to top