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:
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.
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
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
TELUS accessible green
Usage: Primary button backgrounds/outline, text links.
RBG 36.135.0
HEX #248700
SCSS $color-accessible-green
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
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
PMS Cool Grey 11
CMYK 0.0.0.80
RGB 84.89.95
HEX #54595F
SCSS $color-shuttle-grey
Graphics grey
PMS Cool Grey 7
CMYK 0.0.0.60
RGB 106.110.116
HEX #6A6E74
Graphics cool grey
PMS Cool Grey 1
CMYK 0.0.0.12
RGB 157.165.170
HEX #9DA5AA
Gainsboro
Usage: Horizontal, vertical & wave dividers.
HEX #D8D8D8
SCSS $color-gainsboro
Athens grey
Usage: Helper/disabled state background.
HEX #F7F7F8
SCSS $color-athens-grey