Color
A reduced color set gives the website a consistent look. Secondary colors from the specific campaign can be added to microsites.
| Name | # | RGB | Example of use |
|---|---|---|---|
| Blue | 005A8E | 0 | 90 | 142 | Headings, buttons, background footer |
| Blue Secondary | 0196D8 | 0 | 150 | 216 | Accent color, checkmarks, underlinds |
| Blue Bright | C8DFF2 | 200 | 223 | 242 | Background color, separator |
| Blue Bright Light | E7F2FA | 231 | 242 | 250 | Background highlights, input fields |
| Dark Grey | 504B4B | 80 | 75 | 75 | Typo |
| Powder Dark | C4B3A9 | 196 | 179 | 169 | Inactive state |
| Powder Normal | F2E5DD | 242 | 229 | 221 | – |
| Powder Light | F6F4F2 | 246 | 244 | 242 | Page background, product card outline |
| Black | 000000 | 0 | 0 | 0 | Typo |
| White | FFFFFF | 225 | 225 | 225 | Typo, backgroundcolor, icons, separator, pagebackground |
| Blue Hover | 003A5B | 0 | 58 | 91 | Hover / active status buttons and links, background |
| White Hover | 003A5B | 0 | 58 | 91 | Hover / active buttons and links |
| Error | EC4933 | 236 | 73 | 51 | Error input field |
