Colors

Download ASE file

Primary colors

Our main colors “Wer liefert was” blue and "Wer liefert was” green embody our brand. White will be the dominant color in the overall impression.

“Wer liefert was” blue is used mainly for headings and can also be reduced for use as a background or surface element.

“Wer liefert was” green is used to highlight elements and “large numbers”. In our UI it is used to declare a “call-to-action”.

colours_primary
colours_white

Secondary color palette

Our main colors are complemented by two neutral shades of gray, light blue, turquoise, iris and orange.

Light blue is used in the Marketplace context for highlighting, backgrounds, symbols, buttons, links, etc.

Turquoise is primarily used for signalling our Premium service packages. It can also be used for soft highlights, such as labels, panels, infographics, etc.

Iris can be used for soft highlights, such as labels, panels, infographics, etc.

Dark grey is only used for text.

Light grey is used for backgrounds.

Orange is used for eyecatcher motifs. In addition, it can be used as a complimentary alert color, expressing warning.

colours_secondary_01
colours_secondary_02

Alert colors (platform)

The alert colors are only and exclusively used for highlighting urgent/important information in the core product.

Red is used to signal errors or critical information.

Yellow is used to make the user take notice.

colours_alert

Color references

  • „Wer liefert was“-Blau PANTONE 289 CMYK 100 | 60 | 0 | 65 RGB 0 | 25 | 60 HEX #00193C
  • 80% RGB 51 | 71 | 99 HEX #334763
  • 60% RGB 102 | 117 | 138 HEX #66758A
  • „Wer liefert was“-Grün PANTONE 376 CMYK 55 | 0 | 100 | 0 RGB 137 | 186 | 23 HEX #89BA17
  • 80% RGB 161 | 200 | 69 HEX #A1C845
  • 60% RGB 184 | 214 | 116 HEX #B8D674
  • White CMYK 0 | 0 | 0 | 0 RGB 255 | 255 | 255 HEX #FFFFFF
  • Bright blue PANTONE 299 C CMYK 86 | 8 | 0 | 0 RGB 0 | 163 | 222 HEX #00A3DE
  • 80% RGB 51 | 181 | 229 HEX #33B5E5
  • 60% RGB 102 | 200 | 235 HEX #66C8EB
  • Turquoise PANTONE 326 C CMYK 81 | 0 | 39 | 0 RGB 0 | 178 | 169 HEX #00b2a9
  • 80% RGB 51 | 193 | 186 HEX #33C1BA
  • 60% RGB 102 | 209 | 206 HEX #66D1CE
  • Iris PANTONE 7456 C CMYK 72 | 55 | 0 | 0 RGB 96 | 110 | 178 HEX #606eb2
  • 80% RGB 128 | 139 | 193 HEX #808BC1
  • 60% RGB 160 | 168 | 209 HEX #A0A8D1
  • Dark grey PANTONE 432 C CMYK 23 | 0 | 0 | 79 RGB 71 | 83 | 91 HEX #47535B
  • 80% RGB 108 | 117 | 124 HEX #6C757C
  • 60% RGB 145 | 152 | 157 HEX #91989D
  • Light grey PANTONE COOL GREY 3 C CMYK 25 | 19 | 19 | 0 RGB 202 | 201 | 199 HEX #CAC9C7
  • 80% RGB 213 | 212 | 210 HEX #D5D4D2
  • 60% RGB 223 | 223 | 221 HEX #DFDFDD
  • Orange PANTONE 144 C CMYK 0 | 47 | 100 | 0 RGB 255 | 135 | 0 HEX #FF8700
  • 80% RGB 255 | 159 | 51 HEX #FF9F33
  • 60% RGB 255 | 183 | 102 HEX #FFB766
  • PANTONE 192 C CMYK 0 | 96 | 60 | 0 RGB 228 | 22 | 72 HEX #E41648
  • 80% RGB 233 | 69 | 109 HEX #E9456D
  • 60% RGB 239 | 115 | 145 HEX #EF7391
  • PANTONE 123 C CMYK 5 | 26 | 94 | 0 RGB 244 | 191 | 12 HEX #F4BF0C
  • 80% RGB 246 | 204 | 61 HEX #F6CC3D
  • 60% RGB 248 | 217 | 109 HEX #F8D96D
  • RGB 218 | 221 | 222 HEX #daddde
  • RGB 236 | 237 | 238 HEX #ecedee
  • RGB 246 | 246 | 247 HEX #f6f6f7