Colour

The Colour section defines the Concordia Design System colour palette, including brand colours, interface colours, semantic tokens, and accessibility guidance. Learn how colour is applied consistently across digital experiences to support usability, hierarchy, and brand recognition.

Planned content:

  • Brand colour palette
  • Semantic colour tokens
  • UI and interface colours
  • Text and background combinations
  • Interactive states and feedback colours
  • Colour accessibility and contrast requirements
  • Data visualization colour guidance
  • Colour usage dos and don’ts
  • Implementation and token references
  • Figma and development mappings

Burgundy

  • HEX: #912338
  • RGB: 145, 35, 56
  • CMYK: 0, 100, 60, 46
  • PANTONE: 202

Magenta

  • HEX: #DB0272
  • RGB: r219 g2 b114
  • CMYK: c0 m100 y0 k0
  • PANTONE: 219

Blue

  • HEX: #004085
  • RGB: r0 g64 b133
  • CMYK: c100 m75 y0 k25
  • PANTONE: 288

Orange

  • HEX: #DA3A16
  • RGB: 218, 58, 22
  • CMYK: 0, 80, 100, 0
  • PANTONE: 1665

Cyan

  • HEX: #00ADEF
  • RGB: 0, 173, 239
  • CMYK: 100, 0, 0, 0
  • PANTONE: 639

Mauve

  • HEX: #573996
  • RGB: r87 g57 b150
  • CMYK: c70 m80 y0 k0
  • PANTONE: VIOLET

Lime

  • HEX: #8CC63E
  • RGB: r140 g198 b62
  • CMYK: c50 m0 y100 k0
  • PANTONE: 368

Green

  • HEX: #508212
  • RGB: 80, 130, 18
  • CMYK: 60, 0, 100, 35
  • PANTONE: 370

Yellow

  • HEX: #E5A712
  • RGB: r229 g167 b18
  • CMYK: c0 m30 y100 k10
  • PANTONE: 130

Turquoise

  • HEX: #057D78
  • RGB: 5, 125, 120
  • CMYK: 100, 0, 50, 15
  • PANTONE: 3282

Gold

  • HEX: #897334
  • RGB: r137 g115 b52
  • CMYK: c0 m25 y50 k35
  • PANTONE: 466

Rich Black

  • HEX: #000
  • RGB: 0, 0, 0
  • CMYK: 70, 50, 30, 100
  • PANTONE: Black 6C