MOONPINK
HEX #FFA6B6
RGB 255, 166, 182
CMYK 0, 43, 17, 0
PMS-C 189C
PMS-U 189U
BLUEMOON
HEX #0054C8
RGB 0, 84, 200
CMYK 89, 71, 0, 0
PMS-C 7683C
PMS-U 2145U
ECLIPSE
HEX #00204D
RGB 0, 32, 77
CMYK 100, 91, 37, 42
PMS-C 281C
PMS-U 281U
WHITE
HEX #FFFFFF
RGB 255, 255, 255
CMYK 0, 0, 0, 0
PMS-C
PMS-U
Our primary colour should be used consistently to denote its importance.
Bluemoon should be used to compliment the primary colour with banners and copy.
Use Eclipse only for copy.
For use as a background colour.
Our secondary colours are used for set purposes and have strict usage rules.
MOONPINK LIGHT
HEX #FFC6D1
RGB 255, 198, 209
CMYK 0, 22, 18, 0
PMS-C 699C
PMS-U 699U
ECLIPSE LIGHT
HEX #E6EEFA
RGB 230, 238, 250
CMYK 8, 5, 0, 0.94
PMS-C 7656C
PMS-U 656U
BLOODMOON
HEX #DC5778
RGB 220, 87, 120
CMYK 10, 81, 34, 0
PMS-C 702C
PMS-U 423U
Used for the homepage hero background.
Rarely used background accessibility colour for the homepage.
Primary homepage button colour.
Here are some example colour combination and how they should be used inside a brand asset.
Only Core Colours should be used for presentations and documentation.
Moonpink with Blue Moon
When possible Moonpink should always be the header colour. Bluemoon acts as an accent colour here with the body copy in Eclipse only.
Eclipse on Moonpink
With Moonpink as the background Eclipse is clear and easy to read as the sole colour. Avoid mixing too many colours – focus on a clear message.
Moonpink on Bluemoon
Moonpink is bold and bright on Bluemoon. Use this combination to highlight key messaging and bring content to life.