Colours
Overview
Primary brand colours
HEX
#FAFDEE
RGB
250, 253, 238
HEX
#064739
RGB
6, 71, 57
Secondary brand colors
HEX
#DDFF88
RGB
221, 255, 136
HEX
#FFDDEB
RGB
255, 221, 235
HEX
#D6CCFF
RGB
214, 204, 255
HEX
#FFB4DC
RGB
255, 180, 220
HEX
#B19DFF
RGB
177, 157, 255
HEX
#AC67FB
RGB
172, 103, 251
Extra colours
HEX
#EAEDDE
HEX
#ECFFBB
HEX
#0099FF
HEX
#6CC4FF
HEX
#701ECE
HEX
#2E9680
HEX
#00BD78
HEX
#5FE2A9
HEX
#0C2923
HEX
#427C70
Primary brand colours
Quartz
Quartz is Advise's primary light colour. It is used in backgrounds and as a text colour on dark backgrounds.
HEX
#FAFDEE
RGB
250, 253, 238
Emerald
Emerald is Advise's primary dark colour. It is used in backgrounds and as a text colour on light backgrounds.
HEX
#064739
RGB
6, 71, 57
Secondary brand colours
Iolite
Iolite is used as a text highlight colour on light backgrounds. It can also be used in various statistical content.
HEX
#AC67FB
RGB
172, 103, 251
Citrine
Citrine is used in graphics on both light and dark backgrounds, and as a text highlight color on dark background. Citrine can also be used in various statistical content.
HEX
#DDFF88
RGB
221, 255, 136
Lavender Amethyst
Lavender Amethyst is used in graphics on Quartz backgrounds. It can also be used in various statistical content.
HEX
#D6CCFF
RGB
214, 204, 255
Rose Quartz
Rose Quartz is used in graphics on Quartz backgrounds. It can also be used in various statistical content.
HEX
#FFDDEB
RGB
255, 221, 235
Rhodolite
Rhodolite is used in graphics on Emerald backgrounds. It can also be used in various statistical content.
HEX
#D2D7DE
RGB
255, 180, 220
Kunzite
Kunzite is used in graphics on Emerald backgrounds. It can also be used in various statistical content.
HEX
#B19DFF
RGB
177, 157, 255
Extra colours
Malachite
Malachite should only be used when an extended colour palette is needed, for example in statistical content.
HEX
#0C2923
Malachite Light
Malachite Light should only be used when an extended colour palette is needed, for example in statistical content.
HEX
#427C70
Peridot
Peridot should only be used when an extended colour palette is needed, for example in statistical content.
HEX
#00BD78
Peridot Light
Peridot Light should only be used when an extended colour palette is needed, for example in statistical content.
HEX
#5FE2A9
Celestite
Celestite should only be used when an extended colour palette is needed, for example in statistical content.
HEX
#0099FF
Celestite Light
Celestite Light should only be used when an extended colour palette is needed, for example in statistical content.
HEX
#6CC4FF
Quartz Dark
Quartz Dark should only be used when an extended colour palette is needed, for example in statistical content.
HEX
#EAEDDE
Citrine Light
Citrine Light should only be used when an extended colour palette is needed, for example in statistical content.
HEX
#ECFFBB
Iolite Dark
Iolite Dark should only be used when an extended colour palette is needed, for example in statistical content.
HEX
#701ECE
Emerald Light
Emerald Light should only be used when an extended colour palette is needed, for example in statistical content.
HEX
#2E9680
Colour rules
Things to keep in mind
Below are a few rules and examples that show how the colours should be used in texts and graphics.
Examples
Background in colour Quartz.
Text in colour Emerald and highlighted word in colour Iolite.
Shapes in colours Citrine and Lavender Amethyst.
Extra colours should not be used in backgrounds, only Quarts or Emerald.
Shapes should not be in extra colours.
Do not highlight words using colours other than Ionite or Citrine.
Background is in colour Emerald.
Text in colour Quartz and highlighted with colour Citrine.
Graphic in colour Kunzite.
Avoid highlighting uninteresting words.
Do not use secondary or extra colours in text.
Do not use secondary or extra colours in graphics or shapes.