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!
  • create white space
  • Green is our DNA, our spine. This color must appear in illustrations, as a big actor or as a little touch.
  • green is our DNA
  • 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.

    color mode on and off