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.
Black and white are the dominant colors.
Petrol and deep red can be used as accent 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.
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.
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.
- Ensure good color contrast between text color and background color.
- There are many tools that can test color contrast:
- Be careful using light colors for interactive elements. A low text contrast makes elements look disabled or inactive.