Using the TELUS colours

The TELUS palette is a combination of distinct colours that help distinguish our brand and create a lasting visual impact.

Learn about the colour profiles on different mediums:

Learn how to use these colours for digital experiences:

colours-flower

The TELUS palette

White is the foundation of the palette and is treated as the most dominant colour. Purple and green are accents that make the brand distinctive and memorable.

purple icon

TELUS purple

Usage: Headings, secondary button background/outline, chevron links.


PMS 269 C


PMS 269 U


CMYK 85.100.25.13


RGB 75.40.109


HEX #4B286D


SCSS $color-telus-purple


green icon

TELUS green

Usage: Use only for decorative items (when it doesn't need to be colour accessible).


PMS 376 C


PMS 376 U


CMYK 50.0.100.0


RGB 102.204.0


HEX #66CC00


SCSS $color-telus-green


accessible green icon

TELUS accessible green

Usage: Primary button backgrounds/outline, text links.


RBG 36.135.0


HEX #248700


SCSS $color-accessible-green


white icon

TELUS white

Usage: Backgrounds, inverted text


RBG 255.255.255


HEX #FFFFFF


SCSS $color-white



The grey palette

The greys are mostly used for secondary typography and small graphic elements.

shark grey icon

Shark grey

Usage: Primary button backgrounds/outline, text links, body copy.


PMS 7540 C


CMYK 9.4.0.82


RGB 42.44.46


HEX #2A2C2E


SCSS $color-shark


shuttle grey icon

Shuttle grey


PMS Cool Grey 11


CMYK 0.0.0.80


RGB 84.89.95


HEX #54595F


SCSS $color-shuttle-grey


graphics grey icon

Graphics grey


PMS Cool Grey 7


CMYK 0.0.0.60


RGB 106.110.116


HEX #6A6E74


graphics cool grey icon

Graphics cool grey


PMS Cool Grey 1


CMYK 0.0.0.12


RGB 157.165.170


HEX #9DA5AA


gainsboro icon

Gainsboro

Usage: Horizontal, vertical & wave dividers.


HEX #D8D8D8


SCSS $color-gainsboro


athens icon

Athens grey

Usage: Helper/disabled state background.


HEX #F7F7F8


SCSS $color-athens-grey