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-140

  2. Primary-130

  3. Primary-120

  4. Primary-100 (Primary)

  5. Primary-80

  6. Primary-60

  7. Primary-40

  8. Primary-20

  9. Primary-10

  10. Primary-5

  1. Secondary-140

  2. Secondary-120

  3. Secondary-100 (Secondary)

  4. Secondary-80

  5. Secondary-60

  6. Secondary-40

  7. Secondary-20

  8. Secondary-10

  1. Dark-140

  2. Dark-120

  3. Dark-100 (Dark)

  4. Dark-80

  5. Dark-60

  6. Dark-40

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-80

  9. Error-5

Accent and neutral colours

  1. Accent-100 (Accent)

  2. Accent-30

Other colours

  1. Background

  2. Branding

  3. White

Full palettes

  1. Blue-140

  2. Blue-130

  3. Blue-120

  4. Blue-110

  5. Blue-100

  6. Blue-80

  7. Blue-60

  8. Blue-40

  9. Blue-20

  10. Blue-10

  11. Blue-5

  1. Green-140

  2. Green-130

  3. Green-120

  4. Green-110

  5. Green-100

  6. Green-80

  7. Green-60

  8. Green-40

  9. Green-20

  10. Green-10

  11. Green-5

  1. Grey-140

  2. Grey-130

  3. Grey-120

  4. Grey-110

  5. Grey-100

  6. Grey-80

  7. Grey-60

  8. Grey-40

  9. Grey-20

  10. Grey-10

  11. Grey-5

  12. Grey-3

  1. Orange-140

  2. Orange-130

  3. Orange-120

  4. Orange-110

  5. Orange-100

  6. Orange-80

  7. Orange-60

  8. Orange-40

  9. Orange-20

  10. Orange-10

  11. Orange-5

  1. Purple-140

  2. Purple-130

  3. Purple-120

  4. Purple-110

  5. Purple-100

  6. Purple-80

  7. Purple-60

  8. Purple-40

  9. Purple-20

  10. Purple-10

  11. Purple-5

  1. Red-140

  2. Red-130

  3. Red-120

  4. Red-110

  5. Red-100

  6. Red-80

  7. Red-60

  8. Red-40

  9. Red-20

  10. Red-10

  11. Red-5

  1. Yellow-140

  2. Yellow-130

  3. Yellow-120

  4. Yellow-110

  5. Yellow-100

  6. Yellow-80

  7. Yellow-60

  8. Yellow-40

  9. Yellow-20

  10. Yellow-10

  11. Yellow-5