EN: Eine für Smartphones optmierte Version wird in Kürze verfügbar sein
2.0.Style    2.1.Colors

2.1.Colors

The Daimler color theme is dominated by a strong contrast between black and white. Petrol and sometimes red are used as accent colors to draw the user's attention or highlight interactive elements.

Try to avoid using vibrant colors in your designs as they are not aligned with the Daimler brand look and feel.

2.0.Style      2.1.Colors      2.1.1.Examples

2.1.1.Examples

Some Image
Illustration

Black and white are the dominant colors.

    Some Image
    Illustration

    Petrol and deep red can be used as accent colors.

      2.0.Style      2.1.Colors      2.1.2.Color Hierarchy

      2.1.2.Color Hierarchy

      Primary colors

      Black, light grey and white. Petrol and deep red can be used as accent colors as long as they do not dominate the design.

      • Cool Grey

        e6e6e6

      • 444444

      • 707070

      • 9e9e9e

      • c8c8c8

      • Petrol

        00677f

      • 003340

      • 004355

      • 00566a

      • 007a93

      • 5097ab

      • 79aebf

      • a6cad8

      • Black

        000000

      • White

        ffffff

      • Deep Red

        72170c

      • 440e07

      • 5a130a

      • 9f1924

      • ff0000

      • 8c463c

      • aa736e

      • c8a0a0

      • e6d2d2

      Secondary colors

      The secondary colors green and orange are only and exclusively for the usage in feedbacks and notifications if really needed. Otherwise, the usage is strictly permitted.

      • Orange

        e69123

      • eba550

      • f0be7d

      • f5d2aa

      • fae6d2

      • Green

        6ea046

      • 8cb46e

      • aac891

      • c8dcb4

      • e1ebdc

      2.0.Style      2.1.Colors      2.1.3.Colors for text, links and hover effects

      2.1.3.Colors for text, links and hover effects

      Text on Daimler websites is set in black (#000000) or in pure white (#ffffff). Links in body-text are underlined and colored in petrol (#00677f). Please not that not all links are colored petrol: headlines, buttons and navigational links are still black to preserve the overall monochrome brand appearance of Daimler.

      If the cursor is hovering on top of a black link, the hover color used is #707070. The hover-color for white links is #9e9e9e. Petrol link do not change in color, only the underline is removed.

      • Black link

        000000

      • 707070

      • White link

        ffffff

      • 9e9e9e

      • Petrol link

        00677f

      2.0.Style      2.1.Colors      2.1.4.Color palettes for design apps

      2.1.4.Color palettes for design apps

      For easy and convenient use, you can download predefined colors for Sketch and Photoshop.

      Usability hint

      2.0.Style      2.1.Colors      2.1.5.Colors on Daimler Financial Services

      2.1.5.Colors on Daimler Financial Services

      Daimler Financial Services (DFS) uses a distinct colour palette to set its brand apart. Instead of Daimler's dominant black and grey colours, DFS uses a light and vibrant petrol colour. This petrol is used on buttons, links, background and decorative elements.

      • Light Petrol

        029dbc