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
Hex #4B286D
JS colorTelusPurple
TELUS green
Usage: Use only for decorative items (when it doesn't need to be colour accessible)
Hex #66CC00
JS colorTelusGreen
TELUS accessible green
Usage: Primary button backgrounds/outline, text links.
Hex #2B8000
JS colorAccessibleGreen
White
Usage: Page background, inverted links/buttons
Hex #FFFFFF
JS colorWhite
The grey palette
The greys are mostly used for secondary typography and small graphic elements.
Shark grey
Usage: Sub headings (H3, H4), body text
Hex #2A2C2E
JS colorGreyShark
Shuttle grey
Usage: Colour for default links
Hex #54595F
JS colorGreyShuttle
Raven grey
Usage: Form input border
Hex #71757B
JS colorGreyRaven
Gainsboro grey
Usage: Horizontal, vertical and wave dividers
Hex #D8D8D8
JS colorGreyGainsboro
Athens grey
Usage: Helper/disabled state background
Hex #F7F7F8
JS colorGreyAthens