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
EU Blue 140
EU Blue 130
EU Blue 120
EU Blue 110
EU Blue 100
EU Blue 80
EU Blue 60
EU Blue 40
EU Blue 20
EU Blue 10
EU Blue 5
EU Yellow 140
EU Yellow 130
EU Yellow 120
EU Yellow 110
EU Yellow 100
EU Yellow 80
EU Yellow 60
EU Yellow 40
EU Yellow 20
EU Yellow 10
EU Yellow 5
EU Grey 140
EU Grey 130
EU Grey 120
EU Grey 110
EU Grey 100
EU Grey 80
EU Grey 60
EU Grey 40
EU Grey 20
EU Grey 10
EU Grey 5
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
EU Red 140
EU Red 130
EU Red 120
EU Red 110
EU Red 100
EU Red 80
EU Red 60
EU Red 40
EU Red 20
EU Red 10
EU Red 5
EU Orange 140
EU Orange 130
EU Orange 120
EU Orange 110
EU Orange 100
EU Orange 80
EU Orange 60
EU Orange 40
EU Orange 20
EU Orange 10
EU Orange 5
EU Green 140
EU Green 130
EU Green 120
EU Green 110
EU Green 100
EU Green 80
EU Green 60
EU Green 40
EU Green 20
EU Green 10
EU Green 5
EU Purple 140
EU Purple 130
EU Purple 120
EU Purple 110
EU Purple 100
EU Purple 80
EU Purple 60
EU Purple 40
EU Purple 20
EU Purple 10
EU Purple 5
Background colour
White is the background colour of the EU-website.