All colours
Day Mode
This is deliberately limited compared to Marcomms colours. We have specific rules on how to use this palette in our usage section.
Primary
#161616
Secondary
#545860
Disabled
rgba(0,0,0,0.2)
Disabled on Dark
rgba(255,255,255,0.5)
Link
#0062e3
Inverse
#ffffff
Error
#e70866
On Light
#161616
On Dark
#ffffff
Primary
#05203c
Accent
#0062e3
Eco
#0fa1a9
Success Spot
#0c838a
Success Fill
#d4fff2
Warning Spot
#f55d42
Warning Fill
#fff7cf
Danger Spot
#e70866
Danger Fill
#ffe9f9
Default
#ffffff
Elevated
#ffffff
Contrast
#05203c
Highlight
#e0e3e5
Default
#ffffff
Contrast
#eff1f2
Line
#c2c9cd
Line On Dark
rgba(255,255,255,0.5)
Scrim
rgba(0,0,0,0.7)
🌛 Night mode is only supported in our iOS and Android apps
Primary
#ffffff
Secondary
#bdc4cb
Disabled
rgba(255,255,255,0.2)
Link
#84e9ff
Inverse
#010913
Error
#ff649c
On Dark
#ffffff
On Light
#010913
Primary
#054184
Accent
#84e9ff
Eco
#0fa1a9
Success Spot
#62f1c6
Success Fill
#b1ffe7
Warning Spot
#feeb87
Warning Fill
#fbf1bb
Danger Spot
#ff649c
Danger Fill
#ffcadd
Default
#131d2b
Elevated
#243346
Contrast
#010913
Highlight
#243346
Default
#010913
Contrast
#010913
Line
#44505f
Line On Dark
#44505f
Scrim
rgba(0,0,0,0.7)
Marcomms Colours can be found in our Brand section.