Colors

Colors serve our purpose. They have to be vibrant, full of energy and positive. According to our product, we declined 3 main color schemes, a colorful one and a grey one.

Vivid colors

We built our color scheme around our green color, iAdvize’s DNA. To create movement and relief in our illustrations we defined shadow and light colors.

Green

#4CDF76

Green shadow

#45CE70

Green light

#79E798

Blue

#57A7FF

Blue shadow

#529BEC

Blue light

#67B1FF

Yellow

#FFED72

Yellow shadow

#FFDB76

Human diversity

Illustrating human diversity is a big challenge. We have defined skin tone and hair color schemes that match our vibrant colors.

Light skin

#F3D2BF

Light skin shadow

#F2BDA5

Mid skin

#CC9694

Mid skin shadow

#BC7575

Dark skin

#A27079

Dark skin shadow

#7F3D4A

GREY-ish TONES

Whether it is for product or marketing content, we needed shades of grey to illustration active content, backgrounds, etc. We have defined a grey color scheme that is slightly colored.

Light grey blue

#DCE7F2

Mid grey blue

#C8D4E5

Dark grey blue

#B0BED2

Grey know has 'Blob'

#EAF2FB

Compose with colors

Illustrations should have the right color balance. They shouldn’t take too much space on our interface. We defined some best practices:

White is not our enemy but it creates space and contrast with vibrant colors!

Green is our DNA, our spine. This color must appear in illustrations, as a big actor or as a little touch.

To create depth and stay focused on the meaning behind the illustration, all backgrounds should be in grey tones. Colors are for main elements. grey tones for background

Icons on/off

Colors and illustrations help us show when an element is activated or deactivated. The first one must be in vibrant colors, the second one in grey tones. Users should understand in no time if the feature or the selection is activated or not.