color

Color

Color — Overview

The colors in the following sections are provided in four formats: Hex Code, RGB, CMYK, and PMS.

Hex Code

A hex code is a 6-digit code that specifies a color for use on screen.

RGB

RGB stands for red, green, and blue. RGB colors are used on screen.

CMYK

CMYK stands for cyan, magenta, yellow, and black. These four colors are mixed inside a printer to create the desired color. CMYK builds vary from printer to printer and are less accurate than PMS colors in general. However, CMYK printing is more affordable than printing with PMS colors.

Pantone

PMS stands for Pantone Matching System. A PMS color is a spot color. This means the ink is mixed before printing takes place so that only one color is used (as opposed to the four colors that mix inside the printer when using CMYK). PMS colors use a swatch book, so any printer can match its ink color to the exact swatch that was selected during the design process. Spot printing is expensive but leads to the most accurate representation of the brand colors.

Back to top

Our Palette

Primary Palette

Blue is the main expression of the Zscaler brand. As discussed in the logo section of this guide, Core Blue is the only color (besides white and black) that any Zscaler logo may be used in. This means that a logo should never appear in Dark Blue, Light Blue, or any other shade or tint of blue.

For a diverse assortment of colors, we also utilize purple, green, red, and black in addition to the blue.

Core Blue
Dark Blue
Back to top

Secondary Palette

The secondary palette adopts tints of the primary palette, with varying shades of purple, green, red, and black.

Light Purple
Dark Purple
Light Green
Dark Green
Back to top

Tertiary Palette

Light Red
Dark Red
Light Grey
Dark Grey
Tan

Gradients

A gradient is a gradual blend of two distinct colors. The only gradients that are permitted are the following, using the same colors from the primary and secondary color palettes.

Back to top

Halftones

Solid Colors

In design, a halftone is a dotted textural element. Here, we have two sets of halftone executions. The first set uses dark backgrounds with light halftone, and the second set uses light backgrounds with dark halftone. In all cases, 50% opacity must be used for maximum readability of text.

Back to top

Halftones

White Backgrounds
Back to top

Halftones

Gradients
Back to top

Photography Downloads

Having problems? Send us a message.

Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit