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.

Main colours

  1. Primary-180

  2. Primary-160

  3. Primary-140

  4. Primary-120

  5. Primary-100 (Primary)

  6. Primary-80

  7. Primary-60

  8. Primary-40

  9. Primary-20

  10. Primary-10

  11. Primary-5

  1. Secondary-180

  2. Secondary-160

  3. Secondary-140

  4. Secondary-120

  5. Secondary-100 (Secondary)

  6. Secondary-80

  7. Secondary-60

  8. Secondary-40

  9. Secondary-20

  1. Dark-100 (Dark)

  2. Dark-80

  3. Dark-60

  4. Dark-40

  5. Dark-20

  6. Dark-10

  7. Dark-5

Status colours

  1. Info-100 (Info)

  2. Info-5

  3. Success-100 (Success)

  4. Success-5

  5. Warning-100 (Warning)

  6. Warning-5

  7. Error-100 (Error)

  8. Error-5

Accent colours

  1. Accent-100 (Accent)

  2. Accent-30