Colour
Our colours have been carefully chosen to reflect who we are. They're vibrant and not too stuffy or corporate. They make it easy for people to relate to us, and vice versa.
Full colour palette
Blurple
- $tg-blurple-5#f8f8fe
- $tg-blurple-10#e7e8fb
- $tg-blurple-20#cfd2f7
- $tg-blurple-30#b7bcf2
- $tg-blurple-50#a0a7ed
- $tg-blurple-100#8991e7
- $tg-blurple-200#737de1
- $tg-blurple-300#5d68da
- $tg-blurple-400#4854d3
- $tg-blurple-500#3b45cb
- $tg-blurple-600#2f38c1
- $tg-blurple-700#242bb6
- $tg-blurple-800#1b20aa
- $tg-blurple-900#13169d
Barbie
- $tg-barbie-5#fff2f9
- $tg-barbie-10#f9e6f3
- $tg-barbie-20#f5cae6
- $tg-barbie-30#f3aed8
- $tg-barbie-50#f290ca
- $tg-barbie-100#f270ba
- $tg-barbie-200#f44faa
- $tg-barbie-300#f82c98
- $tg-barbie-400#fd0884
- $tg-barbie-500#ef0078
- $tg-barbie-600#de006c
- $tg-barbie-700#ce0060
- $tg-barbie-800#be0054
- $tg-barbie-900#ad0049
Kowhai
- $tg-kowhai-5#fffeef
- $tg-kowhai-10#fffde6
- $tg-kowhai-20#fffccc
- $tg-kowhai-30#fffab3
- $tg-kowhai-50#fff899
- $tg-kowhai-100#fff580
- $tg-kowhai-200#fff266
- $tg-kowhai-300#ffed4d
- $tg-kowhai-400#ffe833
- $tg-kowhai-500#ffe11a
- $tg-kowhai-600#ffda00
- $tg-kowhai-700#f1cd00
- $tg-kowhai-800#e4b100
- $tg-kowhai-900#d68a00
Pohutukawa
- $tg-pohutukawa-5#FFF8F8
- $tg-pohutukawa-10#FFF1F2
- $tg-pohutukawa-20#FFE7E7
- $tg-pohutukawa-30#FFD5D5
- $tg-pohutukawa-50#FFBCBD
- $tg-pohutukawa-100#FA999B
- $tg-pohutukawa-200#F57F7E
- $tg-pohutukawa-300#EF6D6B
- $tg-pohutukawa-400#E95958
- $tg-pohutukawa-500#E34647
- $tg-pohutukawa-600#D93A3F
- $tg-pohutukawa-700#C82630
- $tg-pohutukawa-800#B21C2A
- $tg-pohutukawa-900#9F2023
Jaffa
- $tg-jaffa-5#FFF8F5
- $tg-jaffa-10#FFF2ED
- $tg-jaffa-20#FFE9E1
- $tg-jaffa-30#FFD9CA
- $tg-jaffa-50#FFC6B0
- $tg-jaffa-100#FFAF8F
- $tg-jaffa-200#FF976E
- $tg-jaffa-300#FF8455
- $tg-jaffa-400#FC723E
- $tg-jaffa-500#F3632D
- $tg-jaffa-600#E95219
- $tg-jaffa-700#D54209
- $tg-jaffa-800#C23802
- $tg-jaffa-900#A72F00
Hokey Pokey
- $tg-hokey-pokey-5#FFFCF0
- $tg-hokey-pokey-10#FFFAE5
- $tg-hokey-pokey-20#FFF4D1
- $tg-hokey-pokey-30#FFE8AC
- $tg-hokey-pokey-50#FFE18D
- $tg-hokey-pokey-100#FFD972
- $tg-hokey-pokey-200#FFD35F
- $tg-hokey-pokey-300#FFCB4F
- $tg-hokey-pokey-400#FFC041
- $tg-hokey-pokey-500#F9AF2C
- $tg-hokey-pokey-600#EB9600
- $tg-hokey-pokey-700#D57800
- $tg-hokey-pokey-800#B45600
- $tg-hokey-pokey-900#943900
Kiwifruit
- $tg-kiwifruit-5#FDFFF1
- $tg-kiwifruit-10#FAFEE0
- $tg-kiwifruit-20#F3F9D4
- $tg-kiwifruit-30#EAF2BB
- $tg-kiwifruit-50#DFE8A4
- $tg-kiwifruit-100#D4DF87
- $tg-kiwifruit-200#CCDA70
- $tg-kiwifruit-300#C1D155
- $tg-kiwifruit-400#B8CB3D
- $tg-kiwifruit-500#ACC313
- $tg-kiwifruit-600#9AB91A
- $tg-kiwifruit-700#88AA28
- $tg-kiwifruit-800#719C2F
- $tg-kiwifruit-900#659130
Feijoa
- $tg-feijoa-5#F3FFF6
- $tg-feijoa-10#ECFDF2
- $tg-feijoa-20#E1FBEA
- $tg-feijoa-30#C6F3D5
- $tg-feijoa-50#A8EABE
- $tg-feijoa-100#87DFA5
- $tg-feijoa-200#6FD591
- $tg-feijoa-300#57C57B
- $tg-feijoa-400#3CB766
- $tg-feijoa-500#29A754
- $tg-feijoa-600#229B4B
- $tg-feijoa-700#1B8840
- $tg-feijoa-800#137B37
- $tg-feijoa-900#0F6D2F
Waitomo
- $tg-waitomo-5#F1FFF7
- $tg-waitomo-10#E8FEF2
- $tg-waitomo-20#D9FAE8
- $tg-waitomo-30#C4F6DE
- $tg-waitomo-50#A8EED1
- $tg-waitomo-100#85E3BC
- $tg-waitomo-200#67D9AA
- $tg-waitomo-300#4ECF9A
- $tg-waitomo-400#34C58D
- $tg-waitomo-500#00BC82
- $tg-waitomo-600#00AA76
- $tg-waitomo-700#00986A
- $tg-waitomo-800#00825A
- $tg-waitomo-900#00714B
Paua
- $tg-paua-5#F2FDFF
- $tg-paua-10#E7FDFF
- $tg-paua-20#D8FAFD
- $tg-paua-30#C6F1F5
- $tg-paua-50#B2E8EF
- $tg-paua-100#94DFE8
- $tg-paua-200#77D6E1
- $tg-paua-300#52CCDB
- $tg-paua-400#24C0D3
- $tg-paua-500#00B3C8
- $tg-paua-600#02A5BC
- $tg-paua-700#0096AE
- $tg-paua-800#00869F
- $tg-paua-900#007893
Tasman
- $tg-tasman-5#F3FAFF
- $tg-tasman-10#E1F3FF
- $tg-tasman-20#CBEAFF
- $tg-tasman-30#AEDEFF
- $tg-tasman-50#8DCEFC
- $tg-tasman-100#6BBCF4
- $tg-tasman-200#52B0F0
- $tg-tasman-300#3DA5EB
- $tg-tasman-400#279BE9
- $tg-tasman-500#148FE2
- $tg-tasman-600#007ACD
- $tg-tasman-700#006EBD
- $tg-tasman-800#0061AF
- $tg-tasman-900#00569E
Tip Top
- $tg-tip-top-5#F7FAFF
- $tg-tip-top-10#F0F6FF
- $tg-tip-top-20#E3ECFF
- $tg-tip-top-30#D0DFFF
- $tg-tip-top-50#BDD3FF
- $tg-tip-top-100#A1C0FE
- $tg-tip-top-200#84ACFA
- $tg-tip-top-300#659AF0
- $tg-tip-top-400#4D80E5
- $tg-tip-top-500#3B71DC
- $tg-tip-top-600#2F62C9
- $tg-tip-top-700#2656B7
- $tg-tip-top-800#1D479B
- $tg-tip-top-900#183C84
Hebe
- $tg-hebe-5#FCF7FF
- $tg-hebe-10#FCEFFF
- $tg-hebe-20#F2DDF8
- $tg-hebe-30#E5C6EB
- $tg-hebe-50#D1A9DA
- $tg-hebe-100#BC8CC5
- $tg-hebe-200#AC78B8
- $tg-hebe-300#9660A0
- $tg-hebe-400#874F92
- $tg-hebe-500#7B4288
- $tg-hebe-600#683473
- $tg-hebe-700#5C2B66
- $tg-hebe-800#50215A
- $tg-hebe-900#451B4F
Pinot
- $tg-pinot-5#FFF5FE
- $tg-pinot-10#FFEDFC
- $tg-pinot-20#F9E0F7
- $tg-pinot-30#EDC1E5
- $tg-pinot-50#DC9ECE
- $tg-pinot-100#CB82BB
- $tg-pinot-200#B468A0
- $tg-pinot-300#A35489
- $tg-pinot-400#944275
- $tg-pinot-500#8A3467
- $tg-pinot-600#812B5F
- $tg-pinot-700#722152
- $tg-pinot-800#661647
- $tg-pinot-900#5A143F
Mordor
- $tg-mordor-5#FEFAFB
- $tg-mordor-10#FBF5F6
- $tg-mordor-20#F0E8E8
- $tg-mordor-30#DFD3D4
- $tg-mordor-50#C9B9B9
- $tg-mordor-100#AD9696
- $tg-mordor-200#94797A
- $tg-mordor-300#806263
- $tg-mordor-400#6F5253
- $tg-mordor-500#5D4244
- $tg-mordor-600#4D3739
- $tg-mordor-700#422E2F
- $tg-mordor-800#352524
- $tg-mordor-900#291E1E
Bluff Oyster
- $tg-bluff-oyster-5#FAF9F8
- $tg-bluff-oyster-10#F6F5F4
- $tg-bluff-oyster-20#E8E6E3
- $tg-bluff-oyster-30#D7D5D2
- $tg-bluff-oyster-50#C4C0BC
- $tg-bluff-oyster-100#AEA9A5
- $tg-bluff-oyster-200#9B9591
- $tg-bluff-oyster-300#85807C
- $tg-bluff-oyster-400#76716D
- $tg-bluff-oyster-500#65605D
- $tg-bluff-oyster-600#5A5653
- $tg-bluff-oyster-700#44413D
- $tg-bluff-oyster-800#393531
- $tg-bluff-oyster-900#2F2C28
Silver Fern
- $tg-silver-fern-5#FBFBFB
- $tg-silver-fern-10#F7F7F7
- $tg-silver-fern-20#E9E9E9
- $tg-silver-fern-30#DADADA
- $tg-silver-fern-50#C9C9C9
- $tg-silver-fern-100#B9B9B9
- $tg-silver-fern-200#A1A1A1
- $tg-silver-fern-300#888888
- $tg-silver-fern-400#777777
- $tg-silver-fern-500#666666
- $tg-silver-fern-600#555555
- $tg-silver-fern-700#444444
- $tg-silver-fern-800#333333
- $tg-silver-fern-900#222222
Glacier
- $tg-glacier-5#FAFBFE
- $tg-glacier-10#F4F6FC
- $tg-glacier-20#E6E9EF
- $tg-glacier-30#D3D8E2
- $tg-glacier-50#BBC4D5
- $tg-glacier-100#A4B1C5
- $tg-glacier-200#8E9EB6
- $tg-glacier-300#7B8CA6
- $tg-glacier-400#6D7E98
- $tg-glacier-500#5F6F88
- $tg-glacier-600#546279
- $tg-glacier-700#48546A
- $tg-glacier-800#3E465C
- $tg-glacier-900#323A4D
Brand usage
Brand usage color palettes are now deprecated.
Use the following palettes for product and marketing projects related to our masterbrand and sub-brands.
Masterbrand
Primary
- SASS: $tg-tasman-500
- Hex: #148FE2
- RGB: 20,143,226
- C:95 M:10 Y:0 K:0
- PMS: 2193 U
Secondary
- SASS: $tg-hokey-pokey-500
- Hex: #F9AF2C
- RGB: 249,175,44
- C:0 M:27 Y:100 K:0
- PMS: 122 U
Accent
- Hex: #FFDA00
- RGB: 2552180
- C:0 M:11 Y:100 K:0
- PMS: 115C C
Neutral
- SASS: $tg-silver-fern-500
- Hex: #666666
- RGB: 6710886
- C:60 M:51 Y:51 K:20
- PMS: Cool Grey 11 U
Marketplace
Primary
- SASS: $tg-pohutukawa-600
- Hex: #D93A3F
- RGB: 217,58,63
- C:7 M:94 Y:78 K:6
- PMS: 200 U
Secondary
- SASS: $tg-tasman-500
- Hex: #148FE2
- RGB: 20,143,226
- C:95 M:10 Y:0 K:0
- PMS: 2193 U
Tertiary
- SASS: $tg-hokey-pokey-500
- Hex: #F9AF2C
- RGB: 249,175,44
- C:0 M:27 Y:100 K:0
- PMS: 122 U
Accent
- SASS: $tg-tip-top-500
- Hex: #3B71DC
- RGB: 59,113,220
- C:90 M:50 Y:0 K:0
- PMS: 285 U
Motors
Primary
- SASS: $tg-glacier-500
- Hex: #5F6F88
- RGB: 95,111,136
- C:68 M:51 Y:33 K:8
- PMS: 7700 U
Secondary
- SASS: $tg-paua-500
- Hex: #00B3C8
- RGB: 0,179,200
- C:90 M:0 Y:20 K:0
- PMS: 3125 U
Tertiary
- SASS: $tg-pohutukawa-500
- Hex: #E34647
- RGB: 227,70,71
- C:5 M:88 Y:73 K:0
- PMS: 199
Accent
- SASS: $tg-hokey-pokey-500
- Hex: #F9AF2C
- RGB: 249,175,44
- C:0 M:27 Y:100 K:0
- PMS: 122 U
Property
Primary
- SASS: $tg-feijoa-500
- Hex: #29A754
- RGB: 41,167,84
- C:85 M:8 Y:85 K:8
- PMS: 347 U
Secondary
- SASS: $tg-paua-500
- Hex: #00B3C8
- RGB: 0,179,200
- C:90 M:0 Y:20 K:0
- PMS: 3125 U
Tertiary
- SASS: $tg-hokey-pokey-500
- Hex: #F9AF2C
- RGB: 249,175,44
- C:0 M:27 Y:100 K:0
- PMS: 122 U
Accent
- SASS: $tg-jaffa-500
- Hex: #F3632D
- RGB: 243,99,45
- C:0 M:76 Y:92 K:0
- PMS: 1655 U
Jobs
Primary
- SASS: $tg-jaffa-500
- Hex: #F3632D
- RGB: 243,99,45
- C:0 M:76 Y:92 K:0
- PMS: 1655 U
Secondary
- SASS: $tg-tasman-500
- Hex: #148FE2
- RGB: 20,143,226
- C:95 M:10 Y:0 K:0
- PMS: 2193 U
Tertiary
- SASS: $tg-hokey-pokey-500
- Hex: #F9AF2C
- RGB: 249,175,44
- C:0 M:27 Y:100 K:0
- PMS: 122 U
Accent
- SASS: $tg-tip-top-500
- Hex: #3B71DC
- RGB: 59,113,220
- C:90 M:50 Y:0 K:0
- PMS: 285 U
Insurance
Primary
- SASS: $tg-tip-top-800
- Hex: #1D479B
- RGB: 29,71,155
- C:100 M:75 Y:0 K:15
- PMS: 287 U
Secondary
- SASS: $tg-tip-top-500
- Hex: #3B71DC
- RGB: 59,113,220
- C:90 M:50 Y:0 K:0
- PMS: 285 U
Tertiary
- SASS: $tg-waitomo-500
- Hex: #00BC82
- RGB: 0,188,130
- C:74 M:0 Y:52 K:0
- PMS: 3395 U
Accent
- SASS: $tg-hokey-pokey-500
- Hex: #F9AF2C
- RGB: 249,175,44
- C:0 M:27 Y:100 K:0
- PMS: 122 U