Guidelines

Colours

The colour palette is designed to support a flexible, modular visual style that feels connected across EC and EU websites and platforms. The intent of the palette is to convey a united and open European spirit, and leave users feeling welcome and in good hands.

Primary colours

The primary colour palette is comprised of blues, yellows and greys. These colours are present accross all pages and, together with the neutral white, they make up for about 80% of the colours in the page layout. Use these colours to create consistency and a strong visual hierarchy throughout the page.

EU Blue

EU Yellow

EU Grey

Tint and shade

  1. EU Blue 140

  2. EU Blue 130

  3. EU Blue 120

  4. EU Blue 110

  5. EU Blue 100

  6. EU Blue 80

  7. EU Blue 60

  8. EU Blue 40

  9. EU Blue 20

  10. EU Blue 10

  11. EU Blue 5

  1. EU Yellow 140

  2. EU Yellow 130

  3. EU Yellow 120

  4. EU Yellow 110

  5. EU Yellow 100

  6. EU Yellow 80

  7. EU Yellow 60

  8. EU Yellow 40

  9. EU Yellow 20

  10. EU Yellow 10

  11. EU Yellow 5

  1. EU Grey 140

  2. EU Grey 130

  3. EU Grey 120

  4. EU Grey 110

  5. EU Grey 100

  6. EU Grey 80

  7. EU Grey 60

  8. EU Grey 40

  9. EU Grey 20

  10. EU Grey 10

  11. EU Grey 5

  12. EU Grey 3

Notification colours

The secondary colour palette is mainly used for notification colours. The secondary colours should make up 20% or less of the colour in the layout and should be used sparingly to highlight important information and calls to action.

EU Blue

EU Orange

EU Green

EU Red

Secondary colours

Accent colours

EU Accent Blue 100

EU Accent Blue 30

Tint and shade

  1. EU Red 140

  2. EU Red 130

  3. EU Red 120

  4. EU Red 110

  5. EU Red 100

  6. EU Red 80

  7. EU Red 60

  8. EU Red 40

  9. EU Red 20

  10. EU Red 10

  11. EU Red 5

  1. EU Orange 140

  2. EU Orange 130

  3. EU Orange 120

  4. EU Orange 110

  5. EU Orange 100

  6. EU Orange 80

  7. EU Orange 60

  8. EU Orange 40

  9. EU Orange 20

  10. EU Orange 10

  11. EU Orange 5

  1. EU Green 140

  2. EU Green 130

  3. EU Green 120

  4. EU Green 110

  5. EU Green 100

  6. EU Green 80

  7. EU Green 60

  8. EU Green 40

  9. EU Green 20

  10. EU Green 10

  11. EU Green 5

  1. EU Purple 140

  2. EU Purple 130

  3. EU Purple 120

  4. EU Purple 110

  5. EU Purple 100

  6. EU Purple 80

  7. EU Purple 60

  8. EU Purple 40

  9. EU Purple 20

  10. EU Purple 10

  11. EU Purple 5

Background colour

White is the background colour of the EU-website.

EU White

EU Blue 5