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.
Main colours Primary-180 --ecl-color-primary-180
#051036 COPY Primary-160 --ecl-color-primary-160
#0A1F6C COPY Primary-140 --ecl-color-primary-140
#0F2FA2 COPY Primary-120 --ecl-color-primary-120
#143FD9 COPY Primary-100 (Primary) --ecl-color-primary-100
#3860ED COPY Primary-80 --ecl-color-primary-80
#5577F0 COPY Primary-60 --ecl-color-primary-60
#89A1F4 COPY Primary-40 --ecl-color-primary-40
#B1C0F8 COPY Primary-20 --ecl-color-primary-20
#D8E0FB COPY Secondary-180 --ecl-color-secondary-180
#8F5600 COPY Secondary-160 --ecl-color-secondary-160
#E08700 COPY Secondary-140 --ecl-color-secondary-140
#FF9D0A COPY Secondary-120 --ecl-color-secondary-120
#FFAD33 COPY Secondary-100 (Secondary) --ecl-color-secondary-100
#FFBE5C COPY Secondary-80 --ecl-color-secondary-80
#FFCB7C COPY Secondary-60 --ecl-color-secondary-60
#FFD89D COPY Secondary-40 --ecl-color-secondary-40
#FFE5BE COPY Secondary-20 --ecl-color-secondary-20
#FFF2DE COPY Dark-100 (Dark) --ecl-color-dark-100
#26324B COPY Dark-80 --ecl-color-dark-80
#546FA6 COPY Dark-60 --ecl-color-dark-60
#99AACC COPY Status colours Info --ecl-color-info
#3860ED COPY Success --ecl-color-success
#24A148 COPY Warning --ecl-color-warning
#F39811 COPY Error --ecl-color-error
#DA1E28 COPY Neutral colours Neutral-180 --ecl-color-neutral-180
#6C85D1 COPY Neutral-160 --ecl-color-neutral-160
#7F95D7 COPY Neutral-140 --ecl-color-neutral-140
#92A5DD COPY Neutral-120 --ecl-color-neutral-120
#A6B5E3 COPY Neutral-100 (Neutral) --ecl-color-neutral-100
#B9C5E9 COPY Neutral-80 --ecl-color-neutral-80
#CDD5EF COPY Neutral-60 --ecl-color-neutral-60
#E0E5F5 COPY Neutral-40 --ecl-color-neutral-40
#F3F5FB COPY Neutral-20 --ecl-color-neutral-20
#F8F9FD COPY Other colours Background --ecl-color-background
#FCFCFC COPY Branding --ecl-color-branding
#004494 COPY White --ecl-color-white
#FFFFFF COPY