Zscaler Brand: Colors, Fonts, Logo & Visual Identity
Zscaler Brand Identity
A complete profile of Zscaler's visual system — colors, typography, components, and personality — extracted from https://zscaler.com. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://zscaler.com.
| Color | Hex | RGB |
|---|---|---|
| Primary | #001744 | rgb(0, 23, 68) |
| Secondary | #E5F1FA | rgb(229, 241, 250) |
| Accent | #6BFFB3 | rgb(107, 255, 179) |
| Background | #FFFFFF | rgb(255, 255, 255) |
| Text Primary | #001744 | rgb(0, 23, 68) |
| Link | #001744 | rgb(0, 23, 68) |
Typography
Each font links to its Google Fonts page where available.
| Font Role | Font Family |
|---|---|
| Primary | GTHaptikFont |
| Heading | GTHaptikFont |
Visual Assets
%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23236BF5%22%20d%3D%22M45.134%209.37s-5.79-2.07-13.91%201.45l-1-.42c7.86-5.2%2014.72-7.4%2020.59-6.54-3.55-4.09-20.62-7.1-30.39%202.7C8.344%204.18-.116%2014.42.344%2023.77s10.71%2015.23%2016.52%2013.6q.21-.03.42%200c1.29-6.18%206.55-20.56%2027.85-28%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)
UI Components
Live previews rendered using Zscaler's actual button styles.
| Component | Background | Text Color | Border Color | Border Radius |
|---|---|---|---|---|
| Input | #0F254F | #99A2B4 | #334569 | 0px |
| Button Primary | #6BFFB3 | #001744 | #6BFFB3 | 0px |
| Button Secondary | #001744 | #6BFFB3 | #6BFFB3 | 0px |
Brand Personality
Tone: professional
Energy: medium
Audience: enterprise businesses
Frequently Asked Questions
What is Zscaler's primary brand color?
Zscaler's primary brand color is #001744. It anchors the visual identity across their website, product UI, and marketing materials.What accent color does Zscaler use?
Zscaler uses #6BFFB3 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.What font does Zscaler use?
Zscaler uses GTHaptikFont as the primary typeface across body and headings.Does Zscaler use a light or dark theme?
Zscaler's primary site uses a light color scheme, with a background of #FFFFFF.Where can I find Zscaler's logo?
Zscaler's logo is available directly on their site (https://zscaler.com). The current logo URL is included in the machine-readable JSON profile linked above.