Color

Color

Our color palette keeps Vivint recognizable while giving you room to build and flex. Use it consistently so Vivint always feels familiar.
Our color palette keeps Vivint recognizable while giving you room to build and flex. Use it consistently so Vivint always feels familiar.

QUICK LINKS:

QUICK LINKS:

Core Colors

↓

Core Colors

↓

Core Colors

↓

Expanded Palette

↓

Expanded Palette

↓

Expanded Palette

↓

Gradients

↓

Gradients

↓

Gradients

↓

Core Colors

Our signature? Visionary Green. Use it as the primary color across all assets.

Visionary 3

Copy HEX

Visionary 3

Copy HEX

Visionary 3

Copy HEX

Visionary 6

Copy HEX

Visionary 6

Copy HEX

Visionary 6

Copy HEX

Black

Copy HEX

Black

Copy HEX

Black

Copy HEX

White

Copy HEX

White

Copy HEX

White

Copy HEX

Expanded Palette

The expanded palette brings flexibility and energy while keeping Vivint clear, consistent, and confident.

Visionary 1

Copy HEX

Visionary 1

Copy HEX

Visionary 1

Copy HEX

Visionary 1

Copy HEX

VIsionary 2

Copy HEX

VIsionary 2

Copy HEX

VIsionary 2

Copy HEX

VIsionary 2

Copy HEX

Visionary 3

Copy HEX

Visionary 3

Copy HEX

Visionary 3

Copy HEX

Visionary 3

Copy HEX

Visionary 4

Copy HEX

Visionary 4

Copy HEX

Visionary 4

Copy HEX

Visionary 4

Copy HEX

Visionary 5

Copy HEX

Visionary 5

Copy HEX

Visionary 5

Copy HEX

Visionary 5

Copy HEX

Visionary 6

Copy HEX

Visionary 6

Copy HEX

Visionary 6

Copy HEX

Visionary 6

Copy HEX

Blue 1

Copy HEX

Blue 1

Copy HEX

Blue 1

Copy HEX

Blue 1

Copy HEX

Blue 2

Copy HEX

Blue 2

Copy HEX

Blue 2

Copy HEX

Blue 2

Copy HEX

Blue 3

Copy HEX

Blue 3

Copy HEX

Blue 3

Copy HEX

Blue 3

Copy HEX

Blue 4

Copy HEX

Blue 4

Copy HEX

Blue 4

Copy HEX

Blue 4

Copy HEX

Blue 5

Copy HEX

Blue 5

Copy HEX

Blue 5

Copy HEX

Blue 5

Copy HEX

Blue 6

Copy HEX

Blue 6

Copy HEX

Blue 6

Copy HEX

Blue 6

Copy HEX

Orange 1

Copy HEX

Orange 1

Copy HEX

Orange 1

Copy HEX

Orange 1

Copy HEX

Orange 2

Copy HEX

Orange 2

Copy HEX

Orange 2

Copy HEX

Orange 2

Copy HEX

Orange 3

Copy HEX

Orange 3

Copy HEX

Orange 3

Copy HEX

Orange 3

Copy HEX

Orange 4

Copy HEX

Orange 4

Copy HEX

Orange 4

Copy HEX

Orange 4

Copy HEX

Orange 5

Copy HEX

Orange 5

Copy HEX

Orange 5

Copy HEX

Orange 5

Copy HEX

Orange 6

Copy HEX

Orange 6

Copy HEX

Orange 6

Copy HEX

Orange 6

Copy HEX

Pink 1

Copy HEX

Pink 1

Copy HEX

Pink 1

Copy HEX

Pink 1

Copy HEX

Pink 2

Copy HEX

Pink 2

Copy HEX

Pink 2

Copy HEX

Pink 2

Copy HEX

Pink 3

Copy HEX

Pink 3

Copy HEX

Pink 3

Copy HEX

Pink 3

Copy HEX

Pink 4

Copy HEX

Pink 4

Copy HEX

Pink 4

Copy HEX

Pink 4

Copy HEX

Pink 5

Copy HEX

Pink 5

Copy HEX

Pink 5

Copy HEX

Pink 5

Copy HEX

Pink 6

Copy HEX

Pink 6

Copy HEX

Pink 6

Copy HEX

Pink 6

Copy HEX

Gray Scale

Our eight-step gray scale provides a flexible foundation across the business—supporting everything from digital experiences to printed communications, wherever clarity and balance are needed.

White

Copy HEX

White

Copy HEX

White

Copy HEX

White

Copy HEX

Gray 2

Copy HEX

Gray 2

Copy HEX

Gray 2

Copy HEX

Gray 2

Copy HEX

Gray 3

Copy HEX

Gray 3

Copy HEX

Gray 3

Copy HEX

Gray 3

Copy HEX

Gray 4

Copy HEX

Gray 4

Copy HEX

Gray 4

Copy HEX

Gray 4

Copy HEX

Gray 5

Copy HEX

Gray 5

Copy HEX

Gray 5

Copy HEX

Gray 5

Copy HEX

Gray 6

Copy HEX

Gray 6

Copy HEX

Gray 6

Copy HEX

Gray 6

Copy HEX

Gray 7

Copy HEX

Gray 7

Copy HEX

Gray 7

Copy HEX

Gray 7

Copy HEX

Black

Copy HEX

Black

Copy HEX

Black

Copy HEX

Black

Copy HEX

Functional Palette

The functional reds and yellows in our palette are reserved for critical states in the Vivint experience—supporting software alerts, alarms, and in-home warnings that need immediate attention and clear visibility.

Yellow 1

Copy HEX

Yellow 1

Copy HEX

Yellow 1

Copy HEX

Yellow 1

Copy HEX

Yellow 2

Copy HEX

Yellow 2

Copy HEX

Yellow 2

Copy HEX

Yellow 2

Copy HEX

Yellow 3

Copy HEX

Yellow 3

Copy HEX

Yellow 3

Copy HEX

Yellow 3

Copy HEX

Yellow 4

Copy HEX

Yellow 4

Copy HEX

Yellow 4

Copy HEX

Yellow 4

Copy HEX

Yellow 5

Copy HEX

Yellow 5

Copy HEX

Yellow 5

Copy HEX

Yellow 5

Copy HEX

Yellow 6

Copy HEX

Yellow 6

Copy HEX

Yellow 6

Copy HEX

Yellow 6

Copy HEX

Red 1

Copy HEX

Red 1

Copy HEX

Red 1

Copy HEX

Red 1

Copy HEX

Red 2

Copy HEX

Red 2

Copy HEX

Red 2

Copy HEX

Red 2

Copy HEX

Red 3

Copy HEX

Red 3

Copy HEX

Red 3

Copy HEX

Red 3

Copy HEX

Red 4

Copy HEX

Red 4

Copy HEX

Red 4

Copy HEX

Red 4

Copy HEX

Red 5

Copy HEX

Red 5

Copy HEX

Red 5

Copy HEX

Red 5

Copy HEX

Red 6

Copy HEX

Red 6

Copy HEX

Red 6

Copy HEX

Red 6

Copy HEX

Gradients

Use only approved gradient combinations. Do not mix across color families.

Exceptions: Orange 1 (Taupe #F3EFE8) and Black (#000000) may blend with other brand colors. Any brand color may also blend into White (#FFFFFF) or Gray 2 (#F5F5F5).

Gradients may flow in any direction. Approved textures and patterns are allowed.

Visionary 1 - 2

Visionary 2 - 3

Visionary 3 - 4

Visionary 4 - 5

Visionary 5 - 6

Blue 1 - 2

Blue 2 - 3

Blue 3 - 4

Blue 4 - 5

Blue 5 - Black

Orange 1 - 2

Orange 2 - 3

Orange 3 - 4

Orange 4 - 5

Orange 5 - Black

Pink 1 - 2

Pink 2 - 3

Pink 3 - 4

Pink 4 - 5

Pink 5 - 6

Don't

Do not create or mix colors beyond the approved guidelines. Contact the Vivint Brand + Creative team with any questions.

Don't create gradients that blend color families.

Don't use the expanded or functional color palette in the Vivint Logos.

Don't introduce new colors or substitute for Visionary Green.

Don't create tone pairings that mix between color families.