Close Icon
Graphic Designers
Motion Designers
3d Designers
Progress

Color

The power of color

Overview

Our primary palette is comprised of juxtaposing cool and warm hues - white/black, purple/orange. We supplement the vibrant tones of our primary colors with green and red to allow space for human experience design when indicating something is safe versus dangerous. When using our colors it’s important to keep in mind the ratio of color versus black and white. When creating our designs we use color to draw the focus of user. Sticking to a ratio of 80% black and white.

Color palette

Main Colors
White 0
HEX
#FFFFFF
RGB
255 255 255
CYMK
0 0 0 0
Black 950
HEX
#000000
RGB
0 0 0
CYMK
0 0 0 100
Serenity Purple
Primary
HEX
#D4A0FF
RGB
212 160 255
CYMK
60 70 0 0
PANTONE
2572
Safety Orange
Primary
HEX
#FF5300
RGB
255 83 0
CYMK
0 82 100 0
PANTONE
ORANGE 021
Success Green
Primary
HEX
#6Ec85c
RGB
110 200 92
PANTONE
7479 C
Error Red
HEX
#e40046
RGB
228 0 70
Pantone
192 c
tints & shades
grey
0
50
100
200
300
400
500
600
700
800
900
950
Black
Purple
50
100
200
300
400
500
600
700
800
900
950
Orange
50
100
200
300
400
500
600
700
800
900
950
Green
50
100
200
300
400
500
600
700
800
900
Red
50
100
200
300
400
500
600
700
800
900
Gradients
Grad 001
LINEAR
HEX
#45395C - #0A0A0A
Grad 002
RADIAL
HEX
#45395C - #0A0A0A
Grad 003
LINEAR
HEX
#0A0A0A - #404040

Color options

Combinations

Here are the color combinations for our palette, which vary based on the background and whether they are intended for small texts, large texts, or graphic elements.

Large text & graphic elements
on black background
On white Background
Normal & small text
on black background
On white Background
Sound On & Off