Zur Navigation Zum Inhalt Kontakt Menu Principles Foundation Accessibility Design System Guidelines Deutsch Français Italiano English Our design principles User-centred Recognisable Inclusive Reduced Holistic Self-explanatory Task-oriented Appropriate SBB Brand portal Logo Digital clock Rights of use Base colors Functional colors Off brand colors Icons Timetable icons Pictograms About accessibility Über diesen Guide Contact Further information Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Designing Coding FAQ Help Process Contribution Contact Overview Base Components Overview Base Components Overview Base Components Overview Releases Design Tokens Komponenten Overview Base Informationen Sense & Purpose Community Assets Instructions Power-Apps Digital banner ads SAP Design Guidelines App Icons Extended functional colors

Additional colors may be used with the agreement of Communications. Each use of these colors must be presented to Communications and expressly approved. Additional colors may be used only for very specific areas. Anywhere that the CD colour palette is no longer sufficient for UX reasons. For example for info boxes or similar.

Sky

HEX: #0079C7

RGB: R: 0 G: 121 B: 199

Night

HEX: #143A85

RGB: R: 20 G: 58 B: 133

Violet

HEX: #6F2282

RGB: R: 111 G: 34 B: 130

Pink

HEX: #CF4082

RGB: R: 207 G: 64 B:130

Autumn

HEX: #E84E10

RGB: R: 232 G: 78 B: 16

Orange

HEX: #F27E00

RGB: R: 242 G: 126 B: 0

Peach

HEX: #FCBB00

RGB: R: 252 G: 187 B: 0

Lemon

HEX: #FFDE15

RGB: R: 255 G: 222 B: 21

Brown

HEX: #B76000

RGB: R: 183 G: 96 B: 0

Green

HEX: #00973B

RGB: R: 0 G: 151 B: 59

Turquoise

HEX: #00A59B

RGB: R: 0 G: 165 B: 155

Imprint Contact Cookie settings