# Zusätzliche Farben.

Zusatzfarben dürfen nur mit Einverständnis von KOM verwendet werden. Jeglicher Einsatz dieser Farben muss KOM vorgelegt und ausdrücklich genehmigt werden. Zusatzfarben dürfen nur für ganz bestimmte Bereiche zum Einsatzt kommen. Überall dort, wo die CD Farbpalette aus UX-Gründen nicht mehr ausreichend ist. Zum Beispiel für Infoboxen oder Ähnliches.

###### Green-Dark

HEX: #109d47  

RGB: R:16 G:157 B:71

###### Green-Light

HEX: #008233  

RGB: R:0 G:130 B:51

###### Turquoise-Dark

HEX: #00A59B  

RGB: R:0 G:165 B:155

###### Turquoise-Light

HEX: #007E84  

RGB: R:0 G:126 B:132

###### Sky-Dark

HEX: #128EDE  

RGB: R:18 G:142 B:222

###### Sky-Light

HEX: #0074BF  

RGB: R:0 G:116 B:191

###### Night-Dark

HEX: #6587CA  

RGB: R:101 G:135 B:202

###### Night-Light

HEX: #143A85  

RGB: R:20 G:58 B:133

###### Violet-Dark

HEX: #B36CC5  

RGB: R:179 G:108 B:197

###### Violet-Light

HEX: #6F2282  

RGB: R:111 G:34 B:130

###### Pink-Dark

HEX: #E45295  

RGB: R:228 G:82 B:149

###### Pink-Light

HEX: #C7387A  

RGB: R:199 G:56 B:122

###### Brown-Dark

HEX: #CF6F04  

RGB: R:207 G:111 B:4

###### Brown-Light

HEX: #A05400  

RGB: R:160 G:84 B:0

###### Autumn-Dark

HEX: #F05313  

RGB: R:240 G:83 B:19

###### Autumn-Light

HEX: #CF3B00  

RGB: R:207 G:59 B:0

###### Orange-Dark

HEX: #FB8E19  

RGB: R:251 G:142 B:25

###### Orange-Light

HEX: #F27E00  

RGB: R:0242 G:126 B:0

###### Peach-Dark

HEX: #FFC727  

RGB: R:255 G:199 B:39

###### Peach-Light

HEX: #FCBB00  

RGB: R:252 G:187 B:0

###### Lemon-Dark

HEX: #FFE547  

RGB: R:255 G:229 B:71

###### Lemon-Light

HEX: #FFDE15  

RGB: R:255 G:222 B:21

## Design tokens

In code, use the semantic CSS variables of Lyne (e.g. `--sbb-background-color-1`, `--sbb-color-1`, `--sbb-color-primary`); they adapt to light/dark mode and to the off-brand and safety themes. Base colors are available as `--sbb-color-*` (additional and off-brand colors also as `-light` / `-dark` values for light and dark mode). Mapping and examples: https://digital.sbb.ch/de/design-system/lyne/design-tokens/color/index.md

---

Source: https://digital.sbb.ch/de/foundation/colors/additional-colors/