Protego Health Hub
Brand Kit /

Color

9 colours, with values to copy.

Palette

9 colours, from the approved brand spec. Click any value to copy it.

Brand

AaWhite text
12.9:1 · AAA

Deep Conjure

RGB 58 15 140

AaWhite text
14.6:1 · AAA

Ink Charcoal

RGB 44 38 56

Accent

AaWhite text
8.5:1 · AAA

Spell Purple

RGB 91 33 196

AaOff-Black text
5.7:1 · AA

Robe Periwinkle

RGB 138 138 216

AaOff-Black text
10.4:1 · AAA

Guardian Cyan

RGB 91 214 245

AaOff-Black text
8.7:1 · AAA

Staff Gold

RGB 241 167 60

AaWhite text
4.6:1 · AA

Wood Brown

RGB 156 107 63

AaOff-Black text
10.4:1 · AAA

Mist Gray

RGB 201 196 214

Supporting

AaOff-Black text
15.4:1 · AAA

Parchment

RGB 244 239 227

Text pairings, measured

Contrast is calculated from the hex values against WCAG 2.2 for the pairings this hub itself uses.

AaText on page12.7:1 · AAA
AaLight text on brand12.9:1 · AAA
AaAccent on brand6.4:1 · AA
AaBrand on page11.2:1 · AAA
AaButton text on accent8.1:1 · AAA
AaAccent on page1.8:1 · Fails

Take the values with you

The brand palette as CSS custom properties or JSON.

CSS variablesPalette JSON