Colors

Color plays a crucial role in creating a strong brand identity and conveying the right emotions to our audience. By using consistent colors, we ensure that our brand remains recognizable and memorable. Therefore, we recommend referring to our color guidelines when creating any new materials to maintain a cohesive look and feel.

Remember to always use the colors from our recommended color palette to maintain a consistent Videoly brand identity. By doing so, you'll create designs that are not only visually appealing but also instantly recognizable as part of our brand. So, let's stick to our color guidelines and keep the Videoly brand shining bright!

Primary colors

White, black, and violet are our core colors. We use white primarily for the background, black  for the text, and violet for highlights and accents.
White
#ffffff
CMYK: 0 0 0 0
RGB: 255 255 255
PMS 000 C White
Black
#262329
CMYK: 7 15 0 84
RGB: 38 35 41
PMS Neutral Black C
Violet
#7a7fe8
CMYK: 47 45 0 9
RGB: 122 127 232
PMS 2715 C

Secondary colors

On top of three main brand colors a set of secondary colors is introduced, to be used in illustrations, icons, charts and other graphic elements.
Yellow
#ffd262
CMYK: 0 18 62 0
RGB: 255 210 98
PMS 141 CP
Pink
#ffb8c4
CMYK: 0 28 23 0
RGB: 255 184 196
PMS 495 CP
Green
#56cd92
CMYK: 58 0 29 20
RGB: 86 205 146
PMS 346 CP
We recommend you to add the colors to your Mac library so you always have an access to them.

All colors

Our versatile color palette includes a range of tints that are widely used throughout all our brand visuals. From bright pops of violet in buttons, links, and highlighted text to versatile shades that make up icons, illustrations, and charts, these colors are the building blocks of our brand's design language. However, as each material category (website, presentations, ads, etc.) has slightly different rules for color usage, we recommend that you contact us in #design Slack channel for specific guidance.
Violet
#7a7fe8
100
#dcdef9
200
#c3c6f6
300
#abaef2
400
#9396ed
600
#675da8
800
#2e243a
Yellow
#ffd262
100
#fff3d6
200
#ffebb9
300
#ffe39d
400
#ffdb80
600
#ffad26
Pink
#ffb8c4
100
#ffebee
200
#ffdee3
300
#ffd2d9
400
#ffc5ce
600
#ff8597
Green
#56cd92
100
#e0f6eb
200
#bfecd6
300
#9ee2c0
400
#7cd8a9
600
#119984
For cases where the colors in the first category don't quite cut it, we've got a selection of complementary shades that we use exclusively for icons and charts. These colors work seamlessly with our primary palette to create designs that are both harmonious and eye-catching.
Blue
500
#71b4ef
Orange
500
#ffad62
Red
500
#ff8585
In addition to our primary colors, we also have a range of greys that range from our primary white to our darkest black. These subtle tints are perfect for creating shadows, outlines, and captions that add depth and dimension to our designs without distracting from our core brand colors.
White
000
#ffffff
Neutral
100
#f4f4f5
Neutral
200
#d2d2da
Neutral
500
#73738c
Black
800
#262329