SAP Design System

https://www.sap.com/design-system/
Admin
The SAP Design System is a comprehensive portal that unifies and advances enterprise design,...
Tokens:5,814
Snippets:5
Trust Score:9.6
Update:1 year ago
Show doc for...
Tokens:
Raw
### SAP Fiori Wear OS Accent Colors

Source: https://www.sap.com/design-system/fiori-design-android/sap-fiori-for-wear-os/foundation/wear-os-colors

Defines accent colors for SAP Fiori for Wear OS apps, used to add color luminance and highlight UI elements such as avatars, icons, and data visualizations. Identified by 'Accent' followed by a number sequence.

```APIDOC
Accent Colors:
  Accent 1: #FFC933
  Accent 2: #FF5C77
  Accent 3: #B894FF
  Accent 4: #4DB1FF
  Accent 5: #64EDD2
  Accent 6: #BDE986
  Accent 7: #FF8AF0
  Accent 8: #FEADC8
  Accent 9: #A9B4BE
```

--------------------------------

### SAP Fiori Wear OS Text Colors

Source: https://www.sap.com/design-system/fiori-design-android/sap-fiori-for-wear-os/foundation/wear-os-colors

Defines text and icon colors for SAP Fiori for Wear OS apps. These colors are identified by 'T' followed by a number sequence and are crucial for readability on small screens.

```APIDOC
Text Colors:
  T1-Primary: #F5F6F7 (Titles, Subtitles)
  T2-Secondary: #D5DADD (Body Text, Caption)
  T3-Main on Secondary: #12171C (Body Text, Caption)
  T4-CTA on Primary: #89D1FF (Interactive Elements)
```

--------------------------------

### SAP Fiori Wear OS Surface Colors

Source: https://www.sap.com/design-system/fiori-design-android/sap-fiori-for-wear-os/foundation/wear-os-colors

Defines surface colors for SAP Fiori for Wear OS apps, used for backgrounds of components like chips, buttons, and cards. Colors are identified by 'S' followed by a number sequence.

```APIDOC
Surface Colors:
  S0-Background: #000000 (Main App Background)
  S1-Primary: #202124 (Surfaces)
  S2-Secondary: #89D1FF (Interactive Background)
```

--------------------------------

### SAP Fiori Wear OS Semantic Colors

Source: https://www.sap.com/design-system/fiori-design-android/sap-fiori-for-wear-os/foundation/wear-os-colors

Defines semantic colors for SAP Fiori for Wear OS apps, used to convey status, state, or priority. These colors are identified by descriptive names like 'Negative', 'Critical', and 'Positive'.

```APIDOC
Semantic Colors:
  Negative Label: #FF5722 (Negative meaning, Error)
  Critical Label: #FFC933 (Alert, Warning)
  Positive Label: #BDE986 (Positive Meaning, Success)
```

--------------------------------

### SAP Fiori Wear OS Border Colors

Source: https://www.sap.com/design-system/fiori-design-android/sap-fiori-for-wear-os/foundation/wear-os-colors

Defines border colors for SAP Fiori for Wear OS apps, applied to linear elements like divider lines. Border colors are identified by 'B' followed by a number sequence.

```APIDOC
Border Colors:
  B1-Section Divider: #5B738B, 50% (Divider Lines)
  B2-Default Border: #8396A8 (Text Field Borders)
```
Tokens:
Raw