Brand Guidelines
Reference for colors, fonts, and logo usage
Logo Variants
Sage
Background:
Path:
/images/logos/tigo/tigo-icon-sage.pngTerracotta
Background:
Path:
/images/logos/tigo/tigo-icon-terracotta .pngWhite
Background:
Path:
/images/logos/tigo/tigo-icon-wite.pngColor Palette
Primary (Sage)
Main brand color - Sage
Human Name:
SageVariable:
--color-primaryLegacy Variable:
--color-sageHex:
#8E9C87Primary Dark (Sage Dark)
Darker variant of primary - Sage Dark
Human Name:
Sage DarkVariable:
--color-primary-darkLegacy Variable:
--color-sage-darkHex:
#6B7765Secondary (Terracotta)
Secondary brand color - Terracotta
Human Name:
TerracottaVariable:
--color-secondaryLegacy Variable:
--color-terracottaHex:
#C67452Secondary Dark (Terracotta Dark)
Darker variant of secondary - Terracotta Dark
Human Name:
Terracotta DarkVariable:
--color-secondary-darkLegacy Variable:
--color-terracotta-darkHex:
#A05A3FAccent (Coral Pink)
Accent color - Coral Pink
Human Name:
Coral PinkVariable:
--color-accentLegacy Variable:
--color-coral-pinkHex:
#F28C82Accent Dark (Coral Pink Dark)
Darker variant of accent - Coral Pink Dark
Human Name:
Coral Pink DarkVariable:
--color-accent-darkLegacy Variable:
--color-coral-pink-darkHex:
#D96F65Cream
Light background color
Variable:
--color-creamHex:
#F4F0E6Typography
Sans (Inter)
Aa
The quick brown fox jumps over the lazy dog
0123456789 !@#$%^&*()
CSS Variable:
--font-sansFont Variable:
--font-interFont Family:
Inter, sans-serifDisplay (Lexend)
Aa
The quick brown fox jumps over the lazy dog
0123456789 !@#$%^&*()
CSS Variable:
--font-displayFont Variable:
--font-lexendFont Family:
Lexend, sans-serif