Primary color

Sparkco’s icons consist of two colors predominately black with Sparkco peach, they should be simple in details, medium thick strokes and should always be rounded corners and tips to keep consistent look and feel with our logo.

HEX: #F96167

Secondary color

Secondary color are meant to be used for backgrounds and illustrations.

HEX: #F9CD61

HEX: #2FABAF

HEX: #6980DA

Button color

This color is meant to be used for only the primary button to help drive attention to the CTA.

HEX: #9B348E

Tints

Below are the sample of the shades and tints of our brand colors. For shades, we should never go over 40%; as for tints, we recommend to go no more than 80%.

40%

20%

40%

60%

80%

#953A3E

#C74E52

#F96167

#FA8185

#FBA0A4

#FDC0C2

#FEDFE1

#957B3A

#C7A44E

#F9CD61

#FAD781

#FBE1A0

#FDEBC0

#FEF5DF

#1C6769

#26898C

#2FABAF

#59BCBF

#82CDCF

#ACDDDF

#D5EEEf

#3F4D83

#5466AE

#6980DA

#8799E1

#A5B3E9

#C3CCF0

#E1E6F8

Color ratios

The usage of our brand color should follow the ratios we have below. Mainly our off-white background color, followed by our primary colors, then sprinkling in the secondary color as ascent.

06 Color

Primary color

Secondary color

Button color

Tints

Color ratios