CodaMetrix Hub
Brand Kit /

Color

18 colours, with values to copy.

Palette

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

Brand

AaWhite text
16.9:1 · AAA

Text Black

RGB 34 25 43

AaWhite text
16.1:1 · AAA

Web Ink Base

RGB 36 31 41

AaWhite text
14.0:1 · AAA

Dark Maroon

RGB 69 32 44

AaWhite text
10.6:1 · AAA

Wine Red

RGB 100 45 63

AaWhite text
13.4:1 · AAA

Deep Plum

RGB 64 32 88

Accent

AaWhite text
5.3:1 · AA

Purple

RGB 151 61 218

AaOff-Black text
6.1:1 · AA

Coral

RGB 241 112 83

AaOff-Black text
6.4:1 · AA

Logo Coral

RGB 254 110 78

AaOff-Black text
9.8:1 · AAA

Gold

RGB 207 193 127

AaOff-Black text
12.1:1 · AAA

Soft Gold

RGB 221 214 180

AaOff-Black text
10.6:1 · AAA

Medium Grey

RGB 188 204 193

Supporting

AaOff-Black text
9.6:1 · AAA

Lavender

RGB 219 172 255

AaOff-Black text
14.8:1 · AAA

Light Grey

RGB 231 236 228

Neutral

AaOff-Black text
17.7:1 · AAA

White

RGB 255 255 255

AaWhite text
16.3:1 · AAA

Logo Near Black

RGB 35 31 32

AaWhite text
15.8:1 · AAA

Web Ink Dark

RGB 32 35 37

AaWhite text
21.0:1 · AAA

Black

RGB 0 0 0

AaOff-Black text
16.7:1 · AAA

Off White

RGB 248 248 248

Text pairings, measured

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

AaText on page19.8:1 · AAA
AaLight text on brand13.4:1 · AAA
AaAccent on brand4.8:1 · AA
AaBrand on page12.6:1 · AAA
AaButton text on accent6.0:1 · AA
AaAccent on page2.6:1 · Fails

Take the values with you

The brand palette as CSS custom properties or JSON.

CSS variablesPalette JSON

Guidance

Use exact brand-guide colors. Purple owns the brand. Text black and white create clarity. Coral, gold, maroon, wine, lavender, and soft gold support Code Blocks, Pixel Waves, calls to action, and social campaigns.

Logo note

Logo Coral

Use #FE6E4E inside the official logo mark. Use #F17053 for general coral accents.

Support

Lavender and Soft Gold

Warm Code Block compositions, highlight proof moments, and avoid generic healthcare blue.

Neutrals

Off White and Medium Grey

Use #F8F8F8, #E7ECE4, and #BCCCC1 for surfaces, borders, and quiet section separation.