Colors

Using color in a consistent way reinforces our brand and fosters trust and recognition. However, according to the requirements of a highly structured information architecture and the need to give adequately varied visual signals, the color palette for the Continental corporate platform has been expanded by (electronic media-exclusive) gradients of the existing brand colors.


Primary colors

Continental Yellow, Continental Black and Continental White are the primary colors.

Continental Yellow is the color of highest attention. It is used for the quality seal, call-to-action elements, “preferred” buttons and high priority links on white background

Continental Yellow Link Adaption is a gradation of the Continental Yellow used for links on light gray backgrounds and highlights in navigation link lists.

Continental Black is used mainly for text that is not interactive: Headlines, subheads, lists and copies.

Continental White is used for the margin, for the main navigation header and for background elements smaller than page size. It may also be used if typography or other elements need to be inverted for legibility.

Continental Yellow

RGB: 255 / 165 / 0
HEX: #ffa500
HSL: 39deg / 100% / 50%

Continental Black

RGB: 0 / 0 / 0
HEX: #000
HSL: 0deg / 0% / 0%

Continental White

RGB: 255 / 255 / 255
HEX: #fff
HSL: 0deg / 0% / 0% / 100%

Continental d-yellow (Continental Yellow Link Adaption)

RGB: 227 / 135 / 2
HEX: #e38702
HSL: 35deg / 98% / 45%

Secondary colors

The secondary colors are used for various purposes as grayed-out copies, links, lines and backgrounds. Lines and backgrounds must always be as light as possible in order to preserve the airy look of the Continental corporate platform.

Continental Gray-1

RGB: 150 / 150 / 150
HEX: #969696
HSL: 0deg / 0% / 59%

Continental Gray-2

RGB: 205 / 205 / 205
HEX: #cdcdcd
HSL: 0deg / 0% / 80%

Continental Gray-3

RGB: 240 / 240 / 240
HEX: #f0f0f0
HSL: 0deg / 0% / 94%

Continental d-Gray-3

RGB: 107 / 107 / 107
HEX: #6b6b6b
HSL: 0deg / 0% / 42%

Continental d-Gray-6

RGB: 230 / 230 / 230
HEX: #e6e6e6
HSL: 0deg / 0% / 90%

Accent colors

The accent colors are used for labels, highlights and notifications. In notifications the Red color scheme is used for alerts and errors while the Dark Blue color scheme is used for status and success notifications.

Continental Light Red

RGB: 255 / 45 / 55
HEX: #ff2d37
HSL: 357deg / 100% / 59%

Continental Dark Green

RGB: 5 / 120 / 85
HEX: #057855
HSL: 162deg / 92% / 25%

Continental Light Green

RGB: 45 / 185 / 40
HEX: #2db928
HSL: 118deg / 64% / 44%

Continental Dark Blue

RGB: 8 / 78 / 175
HEX: #004eaf
HSL: 213deg / 100% / 34%

Continental Light Blue

RGB: 0 / 165 / 220
HEX: #00a5dc
HSL: 195deg / 100% / 43%

Continental Pastel Yellow

RGB: 244 / 207 / 155
HEX: #f4cf9b
HSL: 35deg / 80% / 78%

Continental Pastel Red

RGB: 255 / 224 / 225
HEX: #ffe0e1
HSL: 358deg / 100% / 94%

Continental Pastel Dark Green

RGB: 218 / 235 / 230
HEX: #daebe6
HSL: 162deg / 30% / 89%

Continental Pastel Dark Blue

RGB: 229 / 237 / 247
HEX: #e5edf7
HSL: 213deg / 53% / 93%