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
#082B7A COPY Primary-160 --ecl-color-primary-160
#0A328E COPY Primary-140 --ecl-color-primary-140
#0B39A2 COPY Primary-120 --ecl-color-primary-120
#0D40B7 COPY Primary-100 (Primary) --ecl-color-primary-100
#0E47CB COPY Primary-80 --ecl-color-primary-80
#3E6CD5 COPY Primary-60 --ecl-color-primary-60
#6E91E0 COPY Primary-40 --ecl-color-primary-40
#9FB5EA COPY Primary-20 --ecl-color-primary-20
#CFDAF5 COPY Primary-10 --ecl-color-primary-10
#E7EDFA COPY Primary-5 --ecl-color-primary-5
#F3F6FC COPY Secondary-180 --ecl-color-secondary-180
#997A00 COPY Secondary-160 --ecl-color-secondary-160
#B38F00 COPY Secondary-140 --ecl-color-secondary-140
#CCA300 COPY Secondary-120 --ecl-color-secondary-120
#E6B800 COPY Secondary-100 (Secondary) --ecl-color-secondary-100
#FC0 COPY Secondary-80 --ecl-color-secondary-80
#FFD633 COPY Secondary-60 --ecl-color-secondary-60
#FFE066 COPY Secondary-40 --ecl-color-secondary-40
#FFEB99 COPY Secondary-20 --ecl-color-secondary-20
#FFF5CC COPY Dark-100 (Dark) --ecl-color-dark-100
#262B38 COPY Dark-80 --ecl-color-dark-80
#515560 COPY Dark-60 --ecl-color-dark-60
#7D8088 COPY Dark-40 --ecl-color-dark-40
#A8AAAF COPY Dark-20 --ecl-color-dark-20
#D4D5D7 COPY Dark-10 --ecl-color-dark-10
#E9EAEB COPY Dark-5 --ecl-color-dark-5
#F4F5F5 COPY Status colours Info-100 (Info) --ecl-color-info-100
#0E47CB COPY Info-5 --ecl-color-info-5
#F3F6FC COPY Success-100 (Success) --ecl-color-success-100
#00A174 COPY Success-5 --ecl-color-success-5
#F2FCF9 COPY Warning-100 (Warning) --ecl-color-warning-100
#FF8133 COPY Warning-5 --ecl-color-warning-5
#FFF7F2 COPY Error-100 (Error) --ecl-color-error-100
#D7003D COPY Error-5 --ecl-color-error-5
#FEF2F5 COPY