European Digital Identity

The European Digital Identity (EUDI) Wallet is a European Commission programme rendered through the institutional Europa Component Library (ECL) visual identity. The palette is anchored by the European Commission's Branding blue (#004494) and an EC Primary blue scale that runs from #051036 (Primary-180) up through #D8E0FB (Primary-20), paired with a warm Secondary gold scale (Secondary-180 #8F5600 through Secondary-20 #FFF2DE) used for ceremonial and editorial accents. Status colours follow the ECL feedback set (Info #3860ED, Success #24A148, Warning #F39811, Error #DA1E28). Neutrals are the ECL "Dark" trio plus a blue-tinted Neutral scale.

37 swatches 15 light roles 15 dark roles eudieuropean-commissionecleuropagovernmentcivicdigital-identitylight-first

Swatches

misc

branding
#004494
info
#3860ED
success
#24A148
warning
#F39811
error
#DA1E28
background
#FCFCFC
white
#FFFFFF

primary

primary-180
#051036
primary-160
#0A1F6C
primary-140
#0F2FA2
primary-120
#143FD9
primary-100
#3860ED
primary-80
#5577F0
primary-60
#89A1F4
primary-40
#B1C0F8
primary-20
#D8E0FB

secondary

secondary-180
#8F5600
secondary-160
#E08700
secondary-140
#FF9D0A
secondary-120
#FFAD33
secondary-100
#FFBE5C
secondary-80
#FFCB7C
secondary-60
#FFD89D
secondary-40
#FFE5BE
secondary-20
#FFF2DE

dark

dark-100
#26324B
dark-80
#546FA6
dark-60
#99AACC

neutral

neutral-180
#6C85D1
neutral-160
#7F95D7
neutral-140
#92A5DD
neutral-120
#A6B5E3
neutral-100
#B9C5E9
neutral-80
#CDD5EF
neutral-60
#E0E5F5
neutral-40
#F3F5FB
neutral-20
#F8F9FD

Mode role mappings

Light mode (15 roles)

accent → secondary-100
accent-hover → secondary-140
background → background
border → neutral-100
error → error
primary → branding
primary-hover → primary-140
success → success
surface → neutral-40
surface-elevated → white
text-primary → dark-100
text-secondary → dark-80
text-tertiary → dark-60
warning → warning
warning-hover → secondary-180

Dark mode (15 roles)

accent → secondary-100
accent-hover → secondary-80
background → primary-180
border → primary-140
error → error
primary → primary-60
primary-hover → primary-40
success → success
surface → primary-160
surface-elevated → primary-140
text-primary → neutral-60
text-secondary → neutral-100
text-tertiary → neutral-140
warning → warning
warning-hover → secondary-120

Provenance

Source
https://ec.europa.eu/component-library/ec/guidelines/colours/
License
Proprietary — © European Union
Attribution
Europa Component Library (ECL) — European Commission, © European Union. The ECL is the institutional design system that backs European Commission digital surfaces, including the EUDI Wallet programme pages. Colour values mirrored from the ECL "Colours" guideline page. The European emblem (the twelve gold stars on Reflex Blue) and the "European Union" name are reserved and their use is governed by EU interinstitutional rules.
Imported
2026-05-19
Notes
The EUDI Wallet programme itself does not publish a separately-branded palette; it inherits the ECL identity used by the European Commission's digital estate. This atom captures the ECL Primary / Secondary / Dark / Neutral / Status scales plus the canonical Branding blue (#004494). The EU flag's "Reflex Blue" / Pantone Yellow values are NOT included here because the canonical Pantone-to-RGB mapping is published only in the Interinstitutional Style Guide / Graphics Guide annexes, which were not fetched as part of this atom's provenance; consumers needing flag-grade emblem colours should consult those primary sources directly.