VDI Design System · Colors

Colour palette

Three palettes work in concert: a dominant VDI/service palette, a Yutong product palette, and an EV/zero-emission palette.

Primary

VDI / Service & support

Dominant in dealership, distributor and customer service contexts. VDI Blue leads; navy anchors headings; yellow is strictly for highlights and CTAs.

Primary

VDI Blue

#1250A3
RGB 18 80 163
PMS 2133 C

Headings

Deep Navy

#062341
RGB 6 35 65
PMS 2768 C

Accent

VDI Yellow

#FFB914
RGB 255 185 20
Highlights / CTA

Soft

Pale Yellow

#FDEDC5
RGB 253 237 197
Background wash

Secondary

Yutong / Product & technology

Used when product is the hero — buses, specs, tech. Secondary Blue sits beside VDI Blue without competing.

Product

Secondary Blue

#3B6CB4
RGB 59 108 180

Built env.

Dulux True Blue

#194983 · Dulux S40H9
RGB 25 73 131

Soft

Pale Blue

#D5E5F6
RGB 213 229 246

Neutral

Snow Season

#CBCECC · Dulux SN4B3
RGB 203 206 204

EV / Zero-emission

Electric & sustainability

Used only for battery-electric and zero-emission content. Avoid pairing Electric Green with VDI Blue or Secondary Blue — they clash tonally.

Electric Green

#17936F
RGB 23 147 111

Mid

Green Mid

#56BF9B
RGB 86 191 155

EV Blue

EV Accent Blue

#4987C7
RGB 73 135 199

Soft

Pale Green

#D6ECE0
RGB 214 236 224

Neutrals

Foundations

Ink

Near Black

#030303

Charcoal

#353635

Muted

Gray 700

#747474

Divider

Cool Gray 2

#D0D0CF · PMS Cool Gray 2

Distribution

How to split a layout

Rough ratios to follow when composing backgrounds, blocks, type and accents in each context.

VDI / Service

Deep Navy · 40%

VDI Blue · 35%

White · 18%

Yellow · 7% (highlight only)

Yutong / Product

White · 45%

VDI Blue · 25%

Secondary Blue · 18%

Neutral · 12%

EV / Zero-emission

Deep Navy · 35%

Electric Green · 30%

Pale Green · 25%

Gray · 10%