VISUAL IDENTITY

Colour

Palette

#
YellowBrand
Primary brand colour, use as accents.
Hex
#FFC300
RGB
255, 195, 0
CMYK
0, 24, 100, 0
WhiteBase
Hex
#FFFFFF
RGB
255, 255, 255
CMYK
0, 0, 0, 0
BlackBase
Hex
#000000
RGB
0, 0, 0
CMYK
0, 0, 0, 100

Usage ratios

#
Light mode
50% White
25% Black
25% Yellow
Dark mode
50% Black
25% White
25% Yellow

Accessibility

#
Aa
Black on White21:1
Aa
White on Black21:1
Aa
Black on Yellow13.06:1
Aa
Yellow on Black13.06:1
Aa
Yellow on White1.61:1
Aa
White on Yellow1.61:1
The contrast ratio for yellow and white is 1.61:1 which does not meet WCAG 2.1 standards for accessibility. Therefore, this pairing should not be used.

Do

  • Pair yellow with black, at 13.06:1 it clears AAA for any text size
  • Use black on white or white on black for body copy, at 21:1
  • Treat yellow as an accent: highlights, rules, fills, small marks
  • Give yellow a black outline or label when it sits on a light ground
  • Check contrast against the colour actually behind the text, including imagery
  • Provide a non-colour cue as well: text, icon, weight or position
  • Test both modes, since the ground swaps between them

Don't

  • Set yellow text on white, or white text on yellow, at 1.61:1 it fails every threshold
  • Use yellow for body copy on any ground
  • Use yellow as a large background behind white type
  • Rely on yellow alone to carry meaning such as status, error or success
  • Tint or darken yellow to force a contrast pass, use black instead
  • Place any mark on imagery without checking the contrast where it lands
DEPARTMNT Brand System v0.1 · Updated July 2026