Skip to content

Tints

Tints should be used to add flexibility and interest.

Please refer to the colour reference pages at the back of the guidelines for CMYK and Pantone® spot colour references.

 
tint

Superdrug Magenta
Pantone Process
Magenta
C0 M100 Y0 K0
R236 G0 B140

tint

Superdrug Grey Pantone 429
C3 M0 Y0 K32
R176 G183 B187

tint

Superdrug Black Pantone Process Black
C0 M0 Y0 K100
R35 G31 B32

 
tint

Pantone 2767
C100 M75 Y0 K49
R0 G44 B101

tint

Pantone 321
C100 M0 Y31 K23
R0 G140 B153

tint

Pantone 376
C57 M0 Y100 K0
R140 G198 B63

tint

Pantone 151
C0 M48 Y95 K0
R248 G152 B40

tint

Pantone 2627
C77 M100 Y0 K31
R73 G23 B109

tint

Pantone 285
C89 M43 Y0 K0
R0 G125 B195

 
tint

Pantone 252
C24 M56 Y0 K0
R191 G131 B185

tint

Pantone 229
C0 M100 Y15 K60
R122 G0 B60

tint

Pantone Process Yellow
C0 M0 Y100 K0
R255 G242 B0

tint

Pantone 1795
C0 M94 Y100 K0
R238 G52 B36

tint

Pantone Cool Grey 11
C0 M2 Y0 K68
R113 G112 B116

tint

Pantone 321 (55%)
C55 M0 Y17 K13
R115 G192 B199

 

Gradients

All primary and secondary colours can be used to create gradient backgrounds. The centred radial graduation should be used to highlight the product and the bottom right radial graduation should be used to highlight the Superdrug logo.

 
gradient

Centred radial graduation from 50% of Pantone 429 to white.

gradient

Centred radial graduation from 30% of Pantone 252 to white.

gradient

Centred radial graduation from 20% of Pantone 285 to white.

gradient

Centred radial graduation from 30% of Pantone 151 to white.

 
gradient

Bottom right radial graduation from 50% of Pantone 429 to white.

gradient

Bottom right radial graduation from 30% of Pantone 252 to white.

gradient

Bottom right radial graduation from 20% of Pantone 285 to white.

gradient

Bottom right radial graduation from 30% of Pantone 151 to white.

 

Examples of primary and secondary combinations

Below are examples of how primary and secondary colour combinations demonstrate the flexibility of the colour palettes.
The combinations below are a guide only and, whilst other combinations can be considered, a maximum of three colours
should be selected to achieve impact and avoid colour overload.

Combination examples
 

Downloads

Introduction

The logos

Tone of voice

Colours

Typography

Promotional and Pricing messages

Icons and roundels

Photography

Message hierarchy and layout

Property

Pharmacy and Health

HR

TV end frames

Sponsorship and concessions

Charity and third party

Web