Yeeboo Brand Kit

Coloours

Go back

Primary Colour Palette

Blue

HEX
RGB
CMYK

Dark blue

HEX
RGB
CMYK

Light blue

HEX
RGB
CMYK

Secondary

Honey

HEX
RGB
CMYK

Pale

HEX
RGB
CMYK

Beige

HEX
RGB
CMYK

Pink

HEX
RGB
CMYK

Mint

HEX
RGB
CMYK

Red

HEX
RGB
CMYK

Accessibility / Contrast Ratios

WCAG 2.1 Contrast Ratios

All text must meet WCAG 2.1 AA minimum (4.5:1 for body text, 3:1 for large text/headings).

Blue White 5.6:1 AA ✓ AAA ✕
Dark blue White 19.6:1 AA ✓ AAA ✓
Light blue Dark blue 15.3:1 AA ✓ AAA ✓
Honey Dark blue 11.4:1 AA ✓ AAA ✓
Pale Dark blue 17.1:1 AA ✓ AAA ✓
Beige Dark blue 18.7:1 AA ✓ AAA ✓
Pink Dark blue 14.2:1 AA ✓ AAA ✓
Mint Dark blue 16.9:1 AA ✓ AAA ✓
Red White 4.5:1 AA ✓ AAA ✕
Test colours yourself

Colour Usage Rules

✓ DO
White on Blue ✓
Dark blue on Light blue ✓
Blue on Beige ✓
✕ DON'T
Low contrast text ✕
Off-brand colour ✕
No contrast ✕

What Not To Do

Don't use low-contrast text

Avoid light grays or small fonts on white backgrounds. Text must be easily readable by all users.

Example: Low Contrast Text

Don't introduce off-brand colours

Stick to the defined palette. Adding neon greens or random purples dilutes the brand identity.

✕

Don't rely on colour alone

Meaning should always be reinforced with icons or text labels for accessibility.

Don't use clashing backgrounds

Never place brand blue on vibrating, off-brand backgrounds. Use approved neutral surfaces.

Blue on Black (CLASH)
Copied!