Colours
BRAND MAIN COLOURS
$brand-master-red
Reserved for main brand and accenting information related to main brand
Colour
#DC3542
RGB (220, 53, 66)
Token
Values
$brand-master-red
Use for backgrounds and white space
#FFFFFF
RGB (225, 225, 225)
$brand-master-red
Use for links and primary buttons in Marketplace App
#5690F5
RGB (86, 144, 245)
Application
$brand-master-red
Use for links and primary buttons in Business App
#00bcd4
RGB (0, 188, 212)
BRAND MAIN GRADIENTS
$brand-master-red
Primary red gradient
Colour
start:
#DC3542
RGB (220, 53, 66)
finish:
#A82C34
RGB (220, 53, 66)
Token
Values
Application
$brand-master-red
Primary white gradient
start:
#FFFFFF
RGB (255, 255, 255)
finish:
#DBDBDB
RGB (219, 219, 219)
$brand-master-red
Secondary blue gradient.
For use in Marketplace and Business
start:
#0BBECD
RGB (11, 190, 205)
finish:
#5690F5
RGB (86, 144, 245)
UI COLOURS
$primary-text
Primary text colour
Colour
#3D3D3D
RGB (61, 61, 61)
Token
Values
$grey
???
#757575
RGB (117, 117, 117)
$secondary-color
Secondary colour
#9E9E9E
RGB (158, 158, 158)
Application
$disabled
Use for links and primary buttons in Business App
#BDBDBD
RGB (189, 189, 189)
$light-grey
Support colour for lines, backgrounds. And secondary text on dark background
#DDDDDD
RGB (221, 221, 221)
$lighter-grey
Support color. Used for backgrounds.
#F1F4F7
RGB (241, 244, 247)
Made on
Tilda