Colours & Gradients
Pink
This is our main brand colour.
https://www.pantone.com/color-finder/1787-C
RGB: 244, 54, 76
HEX: #F4364C
CMYK: 0,82,53,0
Off-Black
This is used insted of true back in all digital styles. For print this is switched for true black instead.
RGB: 36, 35, 40
HEX: #242328
This colour is used at varying opacities throughoug our apps.
Hex | RGB | ||
---|---|---|---|
90% | #39393d | 57, 57, 61 | |
80% | #504f53 | 80, 79, 83 | |
70% | #656568 | 101, 101, 104 | |
60% | #7c7b7e | 124, 123, 126 | |
50% | #919193 | 145, 145, 147 | |
40% | #a7a7a9 | 167, 167, 169 | |
30% | #bdbdbe | 189, 189, 190 | |
20% | #d3d3d4 | 211, 211, 212 | |
10% | #e9e9e9 | 233, 233, 233 |
Light Grey
This colour is used as the background on /wiki/spaces/DEV/pages/720306177 and other grid layouts that use the card style.
RGB: 243, 243, 243
HEX: #f3f3f3
Gradients
Gradients always spread from top to bottom on digital, but may be angled on print.
Additional Gradients
We have two additional gradients which should be used sparingly for pops of colour or contrast.