/ Documentation

Koalect Style Guide

Green

Base green

Primary color of Koalect, our green is used for our CTA's, logo, links,...
HEX
#4CBB80
RGB
76, 187, 128
CMYK
67, 0, 63, 0

Darker green

HEX
#33A267
RGB
51, 162, 103
CMYK
69, 0, 36, 36

Blue

Base blue

This blue is used as a secondary color to avoid having all green documents and is also linked to everything "little extra information" related.
HEX
#59B6F5
RGB
89, 182, 245
CMYK
60, 14, 0, 0

Darker blue

HEX
#409DDC
RGB
64, 157, 220
CMYK
71, 29, 0, 14

Orange

Base orange

HEX
#FFBF53
RGB
255, 191, 83
CMYK
0, 25, 67, 0

Darker orange

HEX
#E6A63A
RGB
230, 166, 58
CMYK
0, 28, 75, 10

Red

Base red

HEX
#F16353
RGB
241, 99, 83
CMYK
0, 59, 66, 5

Darker red

HEX
#D84A3A
RGB
216, 74, 58
CMYK
0, 66, 73, 15

Shades of grey 👯

Dark white

HEX
#F8F8F9
RGB
248, 248, 249
CMYK
0, 0, 0, 2

Light grey

HEX
#F2F3F4
RGB
242, 243, 244
CMYK
1, 0, 0, 4

Grey

HEX
#E5E7EA
RGB
229, 231, 234
CMYK
2, 1, 0, 8

Dark grey

HEX
#7E8996
RGB
126, 137, 150
CMYK
16, 9, 0, 41

Soft black

This is our black which is a softer shade than full black. It helps keeping a feeling of lightness through our design. This is the color of our texts making them less tiring to read for the eyes.
HEX
#526173
RGB
82, 97, 115
CMYK
29, 16, 0, 55