Back to overview

Colors

Primary colors

Color space Usage
Primary colors

RGB: 150 /190 / 13

Hexa: #96be0d

Signal chain

RGB: 0 / 153 / 161

Hexa: #0098a1

Signal chain, links

Hexa: #000000

Text

Hexa: #ffffffContent background

RGB: 102 / 106 /110

Hexa: #666a6e

Text in entry fields

Different shades of the colors are also used. More detailed specifications can be found in the templates.

Back to top

Secondary colors

Color spaceUsage
Secondary colors

RGB: 174 / 200 / 210

Hexa: #aec8d2

Main background gradient

RGB: 242 / 244 / 246

Hexa: #f2f4f6

Teaser boxes background

RGB: 237 / 240 / 243

Hexa: #edf0f3

Table header background

RGB: 225 / 229 / 233

Hexa: #e1e5e9

Form elements highlight

Shopping cart table: order value background

RGB: 204 / 208 / 210

Hexa: #ccd0d2

Table outlines

Box outlines

System message outlines

RGB: 85 / 85 / 85

Hexa: #555555

Layer with shaded background: shade color (used with 50 % opacity)

  RGB: 0 / 121 / 130

Hexa: #007982

Mouse-over for links and link symbols (arrows for internal and external links and jumpmarks)
Back to top

Gradients

Color spaceUsage
GradientsGradient from #aec8d2 to #ffffffMain background
Gradient from #eceff2 to #fffffffTeaser boxes
Gradient from#ffffff to #dde3e9Only tab modules
Gradient from #0098a1 to #007982Buttons, scrolling arrows and functional icons
Gradient from #00646d to #00838cMouse-over buttons, scrolling arrows and
functional icons
Gradient from #e1e5e9 to #ccd0d2Line gradients
Back to top

Labeling colors

Color spaceUsage
Labelling colors

RGB: 232 / 1 / 2

Hexa: #e80202

Error messages

System message „Discontinued item“

RGB: 150 / 190 / 13

Hexa: #96be0d

System message „Available item“

RGB: 255 / 222 / 0

Hexa: #ffde00

to show traffic light status for certain applications

RGB: 170 / 174 / 177

Hexa: #aaaeb1

System message „Configuration required“
Back to top

PHOENIX CONTACT
GmbH & Co. KG

+49 5235 3-41984

Christine Nolte-Dietrich

Christine Nolte-Dietrich

Coordinator Communication Guidelines