Colors

For more information on when and how to use which color, see the Bosch Brand Guide. If you need the color specifications in your SCSS files import the variables: @import '~@bci-web-core/common-styles/sass/bci/colors';

If you need them in TypeScript code, import the BOSCH_DDS_COLORS constant import { BOSCH_DDS_COLORS } from '@bci-web-core/core';
This page shows what colors are available and property of BOSCH_DDS_COLORS you can use.


Brand color

{{ color.name }}

{{ color.colorCode }}


Basic colors

{{ color.name }}

{{ color.colorCode }}


Accent colors

{{ color.name }}

{{ color.colorCode }}

Functional colors

{{ color.name }}

{{ color.colorCode }}


Color gradations

{{ shade.name }}

{{ color.name }} {{ color.colorCode }}